Ver Mensaje Individual
  #1 (permalink)  
Antiguo 28/10/2012, 15:11
lionel1989
 
Fecha de Ingreso: septiembre-2012
Ubicación: Argentina
Mensajes: 43
Antigüedad: 11 años, 7 meses
Puntos: 0
No se carga un ScrollBar repetido en ciclo while

Que tal.
Tengo un problema con el scrollBar de esta página
http://manos.malihu.gr/jquery-custom-content-scroller

Hice la prueba sin el while en otro archivo y sí me funciona viendose bien, pero en mi php lo intento meter dentro de un while que repite un Spry Accordion, y no funciona, se ve el scrollbar comun de todos los navegadores.
Este scrollbar es horizontal.

Esta vez estoy perdido y no se donde está mi error.
Creo estar haciendo todo bien.

Este es el codigo en mi header:


Código HTML:
<!-- CSS DE LA SCROLLBAR   -->
<style type="text/css">
	<!--
		.content_1{ width:770px; height:230px; overflow:auto;  clear:both;}
		.content .images_container{overflow:hidden;}
		.content .images_container img{display:block; float:left; margin:0 5px; }
		a[rel='toggle-buttons-scroll-type'].off{opacity:0.5;}
	-->
	</style>
	<!-- Custom scrollbars CSS -->
	<link href="css/jquery.mCustomScrollbar.css" rel="stylesheet" type="text/css" />
</head> 
Este es el jquery al final de la página:


Código HTML:
 <!-- Get Google CDN's jQuery and jQuery UI with fallback to local -->
	<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
	<script>!window.jQuery && document.write(unescape('%3Cscript src="jquery/jquery-1.7.2.min.js"%3E%3C/script%3E'))</script>
	<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
	<script>!window.jQuery.ui && document.write(unescape('%3Cscript src="jquery/jquery-ui-1.8.21.custom.min.js"%3E%3C/script%3E'))</script>
	<!-- mousewheel plugin -->
	<script src="jquery.mousewheel.min.js"></script>
	<!-- custom scrollbars plugin -->
	<script src="jquery.mCustomScrollbar.js"></script>
	<script>
		(function($){
			$(window).load(function(){
				$(".content_1").mCustomScrollbar({
					horizontalScroll:true,
					scrollButtons:{
						enable:true,
						scrollType:"pixels",
						scrollAmount:116
					}
				});
			});
		})(jQuery);
	</script> 

Y este es el código que contiene el loop, que es llamado mediante la funcion INCLUDE: ( content_1 es el div del ScrollBar)


Código PHP:
<div id="Accordion1" class="Accordion" tabindex="0">
 <?php
while($lineas mysql_fetch_assoc($resultadolinea)){
    
$datop $lineas['IDL'];
    
$selectproductolinea "SELECT * FROM catalogoproducto
    WHERE IDnum = $datop"
;
    
$resultadoproductolinea mysql_query($selectproductolinea$cnx)or die(mysql_error());
    
$resultadoproductolinea2 mysql_query($selectproductolinea$cnx)or die(mysql_error());
    
//$save2 = mysql_fetch_array($resultadoselect3);

echo '<div class="AccordionPanel">';
echo 
'<div class="AccordionPanelTab"><ul><h2>'.$lineas['linea'].':</h2></ul></div>';
echo 
'<div class="AccordionPanelContent">';
echo 
'<div class="content_1">';

while(
$save mysql_fetch_assoc($resultadoproductolinea)){
echo 
'<div class="contencion"><a href="productos.php?p='.$save['link'].'"><img src="150 x 150 SECCIONES/'.$save['minifoto'].'" width="150" height="150" /></a></div>';
}
echo 
'<p>&nbsp;</p>';
echo 
'<p>&nbsp;</p>';
echo 
'<p>&nbsp;</p>';
echo 
'<p>&nbsp;</p>';
echo 
'<div class="clearador"></div>';

while(
$save2 mysql_fetch_assoc($resultadoproductolinea2)){
echo 
'<div class="divs"><li><a href="productos.php?p='.$save2['link'].'"><h5>'.$save2['descripcion'].'</h5></a></li></div>';
}
echo 
'</div>';
echo 
'</div>';
echo 
'</div> <!-- FIn Acordions -->';    


  
echo 
'</div> <!--Fin de TODO EL ACORDION -->';
?>
Creo estar haciendo todo bien, no entiendo en qué me estoy equivocando.