Problemas con Flexcroll + JQuery (Ajax)

negom · #1 (**permalink**) 27/12/2008, 19:39

Hola!

A ver si alguien me puede solucionar el siguiente problema. He rebuscado por todos lados y no hay manera.

Estoy haciendo la típica web corporativa (Quienes somos, contacto, blablabla). Tengo los botones para elegir sección y el contenedor de la sección es cargado dinámicamente por Ajax. El problema en cuestión es que dentro de ese contenedor, tengo un panel de texto con el scroll "customizado" a través del flexscroll. Cuando hago la llamada por Ajax y inserto el nuevo código html en ese contenedor, la barra customizada desaparece. Eso es obvio porqué has cambiado el código html. Lo que no sé es como hacer para que se ejecute el script "flexscroll" otra vez para que substituya el nuevo scroll cargado por Ajax.
Ya he incluido la directiva <script src="js/flexscroll.js">... en el archivo cargado por Ajax y nada. También he usado las opciones de interpretar scripts y nada. He intentado varias fórmulas mas...algunas de ellas bastante variopintas, xDDDD.
A ver si alguien me puede ayudar. Gracias.

Oriol.

JavierB · #2 (**permalink**) 28/12/2008, 03:44

Mensaje movido al foro de Frameworks desde Javascript.

Bienvenido al foro negom

Saludos,

#3 (**permalink**) 28/12/2008, 03:59

No sé si te refieres a este fleXcroll porque hay varios scripts que se llaman parecido pero si es fleXcroll ¿has probado llamando manualmente a:

Código javascript:

Ver originalCSBfleXcroll('miscroll');

?

(Lógicamente cambiando miscroll por lo que sea en tu caso)

negom · #4 (**permalink**) 28/12/2008, 05:12

Este es el código que realiza la llamada Ajax. He añadido la llamada que comentabas pero nada:

Código:

$(document).ready(function(){
		
      $('#buttons button').click(function(){ 
			var toLoad = $(this).attr('value');
			$.ajax({
				url: 'ajax_switch.php',
				type:'POST',
				data: 'id='+toLoad,
				complete:function(){
					
				},
				success: function(datos) {
				
					 $("#content").html(datos);
					 CSBfleXcroll('miscroll');
        		}
			});
	  });  

});

Intuyo que 'miscroll' es el ID del div a aplicar el script. Gracias.

negom · #5 (**permalink**) 28/12/2008, 05:20

Se solucionó el problema! Era lo que tu comentabas...Muchas gracias Venkman. Es que estuve buscando la documentación del script y todo y en ningun lado aparecía la función en cuestión. Perfecto, muchas gracias.

Saludos!

#6 (**permalink**) 28/12/2008, 13:57

Me alegro de que lo consiguieras :)

#7 (**permalink**) 13/09/2010, 14:35

Buenas Tardes !!! Yo tambien queria utilizar el flexcroll en un Iframe en el cual he incluido una pagina web. Lo que necesito de flexcroll es subir y bajar el contenido con el scroll del mouse dicho iframe.

Lo que No se es como incluir el codigo, en que parte iria y demas para poder lograrlo. Diseño en Html con Dreamweaver 8 y aqui dejo el codigo de la pagina en cuestion esperando me puedan ayudar ya que lo he intentado TODO dentro de mis conocimientos

Muchas Gracias de Antemano !!!

<html>
<head>
<title>ElCampo.com | El Mundo del Campo</title>
<link rel="shortcut icon" href="http://www.mariajuananoticias.com.ar/favicon.ico">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<style type="text/css">

</style>
</head>
<td id="tablaTrans" bgcolor="#0000CC"><table width=779 border=0 cellpadding=0 cellspacing=0 align="center">

<tr>

<td width="779" height=176 valign="top"><p>
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,19,0" width="779" height="176">
<param name="movie" value="imagenes/viva.swf">
<param name="quality" value="high">
<embed src="imagenes/viva.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="779" height="176"></embed>
</object>
</p></td>

</tr>
<tr>
<td height=397 valign="top">
<marquee id="scroller" direction="up" scrollAmount="1" scrollDelay="3" scrollbar="no" height="390" width="100%">

::: CONTENIDO :::

</marquee>
<div id="staticbuttons" style="position:absolute;">
<a href="javascript:scroller.stop()"><img
src="detener.png" border="0"></a>
<a href="javascript:scroller.start()"><img
src="avanzar.png" border="0"></a>
</div>

<script>
if (document.all)
scroller.start()
</script>
</td>
</tr>
<tr>
<td height=15 valign="top"><div align="center"><span class="Estilo1"><span class="Estilo6">• Copyright © 2010 VivaCampo.com.ar • Todos los Derechos Reservados •</span></span></div></td>
</tr>
</table>
</body>
</html>