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:
Este es el jquery al final de la página:
Código HTML:
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:
Creo estar haciendo todo bien, no entiendo en qué me estoy equivocando.
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> </p>';echo '<p> </p>';echo '<p> </p>';echo '<p> </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
0