Buenas, este es un problema recurrente por lo que he visto en la web... el tema es que he probado todo y no me va...
tengo una pagina que al ser cargada por AJAX no me interpreta los javascript.
pagina.php
Código PHP:
Ver original<html>
<head>
<title>Modal Popup Demo</title>
<script language="javascript" src="jquery.js"></script>
<script language="javascript" src="modal.popup.js"></script>
<script language="javascript">
$(document).ready(function() {
//Change these values to style your modal popup
var align = 'center'; //Valid values; left, right, center
var top = 100; //Use an integer (in pixels)
var width = 800; //Use an integer (in pixels)
var padding = 10; //Use an integer (in pixels)
var backgroundColor = '#FFF'; //Use any hex code
var source = 'demo.php'; //Refer to any page on your server, external pages are not valid e.g. http://www.google.co.uk
var borderColor = '#FFF'; //Use any hex code
var borderWeight = 4; //Use an integer (in pixels)
var borderRadius = 0; //Use an integer (in pixels)
var fadeOutTime = 300; //Use any integer, 0 = no fade
var disableColor = '#000'; //Use any hex code
var disableOpacity = 85; //Valid range 0-100
var loadingImage = 'images/lightbox-ico-loading.gif'; //Use relative path from this page
//This method initialises the modal popup
$(".modal").click(function() {
modalPopup(align, top, width, padding, disableColor, disableOpacity, backgroundColor, borderColor, borderWeight, borderRadius, fadeOutTime, source, loadingImage);
});
//This method hides the popup when the escape key is pressed
$(document).keyup(function(e) {
if (e.keyCode == 27) {
closePopup(fadeOutTime);
}
});
});
</script>
</head>
<body style="margin:20px;">
<h1>jQuery Popup Demo</h1>
<a class="modal" href="javascript:void(0);"><img src="img/attentionTab_death.png"/></a><br /><br />
<a class="modal" href="javascript:void(0);">Demo</a><br/><br/>
<input type="submit" class="modal" value="Demo"/>
</body>
</html>
y en la pagina 2:
demo.php
Código PHP:
Ver original<html>
<head>
<script>alert("joder");</script>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Tiny Scrollbar: A lightweight jQuery plugin</title>
<link rel
="stylesheet" href
="css/website.css" type
="text/css" media
="screen"/>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
<script type="text/javascript" src="js/jquery.tinyscrollbar.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$('#scrollbar1').tinyscrollbar();
});
</script>
</head>
<body>
<img src="imagen.jpg"/>
<div id="scrollbar1">
<div class="scrollbar"><div class="track"><div class="thumb"><div class="end"></div></div></div></div>
<div class="viewport">
<div class="overview">
<h3>Magnis dis parturient montes</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut vitae velit at velit pretium sodales. Maecenas egestas imperdiet mauris, vel elementum turpis iaculis eu. Duis egestas augue quis ante ornare eu tincidunt magna interdum. Vestibulum posuere risus non ipsum sollicitudin quis viverra ante feugiat. Pellentesque non faucibus lorem. Nunc tincidunt diam nec risus ornare quis porttitor enim pretium. Ut adipiscing tempor massa, a ullamcorper massa bibendum at. Suspendisse potenti. In vestibulum enim orci, nec consequat turpis. Suspendisse sit amet tellus a quam volutpat porta. Mauris ornare augue ut diam tincidunt elementum. Vivamus commodo dapibus est, a gravida lorem pharetra eu. Maecenas ultrices cursus tellus sed congue. Cras nec nulla erat.</p>
<p>Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Pellentesque eget mauris libero. Nulla sit amet felis in sem posuere laoreet ut quis elit. Aenean mauris massa, pretium non bibendum eget, elementum sed nibh. Nulla ac felis et purus adipiscing rutrum. Pellentesque a bibendum sapien. Vivamus erat quam, gravida sed ultricies ac, scelerisque sed velit. Integer mollis urna sit amet ligula aliquam ac sodales arcu euismod. Fusce fermentum augue in nulla cursus non fermentum lorem semper. Quisque eu auctor lacus. Donec justo justo, mollis vel tempor vitae, consequat eget velit.</p>
</div>
</div>
</div>
</body>
</html>
Como puedo hacer para que me interprete los javascript de la pagina cargada con AJAX...es que estoy bloqueado
he visto otros posts en este foro y en google pero no consigo hacerlo funcionar, si alguien tiene conocimientos de esto...AYUDAME PORFAVOR!!!!!!
muchas gracias!