PHP - No se carga un ScrollBar repetido en ciclo while

   
Vista:

No se carga un ScrollBar repetido en ciclo while

Publicado por Lionel (1 intervención) el 28/10/2012 23:32:13
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:

1
2
3
4
5
6
7
8
9
10
11
12
<!-- 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:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!-- 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:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
<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.
Valora esta pregunta
Me gusta: Está pregunta es útil y esta claraNo me gusta: Está pregunta no esta clara o no es útil
0
Responder