Ver Mensaje Individual
  #3 (permalink)  
Antiguo 14/08/2013, 13:30
darkceci
 
Fecha de Ingreso: diciembre-2007
Ubicación: Argentina
Mensajes: 18
Antigüedad: 16 años, 5 meses
Puntos: 0
Respuesta: Problemas en ver un Flipbook (jquery) en ventana ajax

Cita:
Iniciado por fhederico Ver Mensaje
Hola,

Recuerda que cuando cargas un archivo por AJAX, y deseas que este ejecute ciertas funciones Jquery, debes agregarselas a dicho archivo, no se si me explico.

De todas formas si no pones tu codigo no podemos ayudarte mucho mas.

Saludos
Hola fhederico, muchas gracias..!
Aqui pego el codigo..

IRE POR PARTES:
PRIMERO el html que corresponde al FlipBook (jquery)
LUEGO el html que corresponde al AJAX (ventana flotante)

LO QUE NO INCLUI: son los archivos js que llaman desde el AJAX, porque es muy largo, pero de ser necesario los cargo.

desde ya gracias... !



/*---------FLIPBOOK en JQUERY---- (html que corresponde al Flipbook (jQuery) que quiero que cargue en la ventana Ajax ventana flotante-) -----*/

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
<script type="text/javascript" src="https://raw.github.com/blasten/turn.js/master/turn.min.js"></script>
<script type="text/javascript">
$(window).ready(function() {
$('#magazine').turn({
display: 'double',
acceleration: true,
gradients: !$.isTouch,
elevation:50,
when: {
turned: function(e, page) {
/*console.log('Current view: ', $(this).turn('view'));*/
}
}
});
});

$(window).bind('keydown', function(e){
if (e.keyCode==37)
$('#magazine').turn('previous');
else if (e.keyCode==39)
$('#magazine').turn('next');
});
</script>

<style type="text/css">
body{
background:#fff;
}
#magazine{
width:850px;
height:568px;
-moz-box-shadow: 3px 3px 4px #111;
-webkit-box-shadow: 3px 3px 4px #111;
box-shadow: 3px 3px 4px #111;
/* IE 8 */
-ms-filter: "progidXImageTransform.Microsoft.Shadow(Strength=4 , Direction=135, Color='#111111')";
/* IE 5.5 - 7 */
filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');

padding:0px; border:0px;

}
#magazine .turn-page{
background-color:#ccc;
background-size:100% 100%;

}

.shadow {
-moz-box-shadow: 3px 3px 4px #111;
-webkit-box-shadow: 3px 3px 4px #111;
box-shadow: 3px 3px 4px #111;
/* IE 8 */
-ms-filter: "progidXImageTransform.Microsoft.Shadow(Strength=4 , Direction=135, Color='#111111')";
/* IE 5.5 - 7 */
filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}

.shadow1 {
width:460px;
height:560px;
-moz-box-shadow: 3px 3px 4px #111;
-webkit-box-shadow: 3px 3px 4px #111;
box-shadow: 3px 3px 4px #111;
/* IE 8 */
-ms-filter: "progidXImageTransform.Microsoft.Shadow(Strength=4 , Direction=135, Color='#111111')";
/* IE 5.5 - 7 */ filter: progidXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#111111');
}

</style>
</head>

<body>
<div id="magazine">
<div style="background-image:url(images/02.jpg); padding:0px; border:0px; "></div>
<div style="background-image:url(images/03.jpg); padding:0px; border:0px;"></div>
<div style="background-image:url(images/04.jpg); padding:0px; border:0px;"></div>
<div style="background-image:url(images/05.jpg); padding:0px; border:0px;"></div>

</div>



</body>
</html>

/*----------------------FIN FLIPBOOK en JQUERY ------------------------*/


/*-------AJAX------- html donde está el Ajax desde donde quiero que cargue el Flipbook (jQuery)--PEGO PARTE DEL CODIGO---------------

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>La Casa de Té</title>
<script src="js/prototype.js" type="text/javascript"></script>
<script src="js/scriptaculous.js?load=effects" type="text/javascript"></script>
<script src="js/lightbox.js" type="text/javascript"></script>
<link href="style.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" xhref="style.css" mce_href="style.css" type="text/css" media="screen" />
</head>

<body>
<a href="menu_te2.html" rel="lightbox_text">CLICK AQUI PARA VER CARTA DE TES</a>
</body>
</html>

/*----------------FIN AJAX------------------------*/