|
|
@@ -3,71 +3,70 @@
|
|
|
|
|
|
<head>
|
|
|
<title>ESPECIFICOS Buenos Aires</title>
|
|
|
- <link type="text/css" rel="Stylesheet" href="Productos.css" />
|
|
|
- <link type="text/css" rel="Stylesheet" href="Especificos.css" />
|
|
|
+ <link type="text/css" rel="Stylesheet" href="css/productos.css" />
|
|
|
+ <link type="text/css" rel="Stylesheet" href="css/especificos.css" />
|
|
|
<link rel="stylesheet" href="//code.jquery.com/ui/1.10.4/themes/smoothness/jquery-ui.css">
|
|
|
<script src="//code.jquery.com/jquery-1.9.1.js"></script>
|
|
|
-<script src="//code.jquery.com/ui/1.10.4/jquery-ui.js"></script>
|
|
|
-<script>
|
|
|
-$(document).ready(function() {
|
|
|
- curpag=1;
|
|
|
- $.getJSON('listaprod.php', { cat : 'Limpieza' }).done(function(data) {
|
|
|
- var count = data['count'];
|
|
|
- var prod = data['productos'];
|
|
|
- if (count > 3) {
|
|
|
- alert("error > 3");
|
|
|
- }
|
|
|
-
|
|
|
- var productos = [] ;
|
|
|
- $.each(prod, function(i, item) {
|
|
|
- var proddiv = $('<div/>', {
|
|
|
- class: 'producto',
|
|
|
- html: item['html']
|
|
|
- });
|
|
|
- var img = "Images/producto.jpg";
|
|
|
- productos.push(proddiv);
|
|
|
- });
|
|
|
-
|
|
|
-
|
|
|
- var lista_prod = $('<div/>', {
|
|
|
- id: 'lista_productos',
|
|
|
- html: productos
|
|
|
- });
|
|
|
- var pagina = $('<div/>', {
|
|
|
- id: 0, //incrementar
|
|
|
- class: 'pagina',
|
|
|
- html: lista_prod
|
|
|
- });
|
|
|
- $("#paginas_wrapper").append(pagina);
|
|
|
- });
|
|
|
- $(".next").click(function() {
|
|
|
- if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
|
|
|
- return;
|
|
|
- $(".pagina").hide();
|
|
|
- curpag++;
|
|
|
- $(".pagina[num='"+curpag+"']").show();
|
|
|
- $("#paginas_list li").css("opacity",0.5);
|
|
|
- $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
|
|
|
-
|
|
|
- });
|
|
|
- $(".prev").click(function() {
|
|
|
- $(".pagina[num='"+curpag+"']").hide();
|
|
|
- curpag--;
|
|
|
- if ( curpag < 1 )
|
|
|
- curpag=1;
|
|
|
- $(".pagina[num='"+curpag+"']").show();
|
|
|
- $("#paginas_list li").css("opacity",0.5);
|
|
|
- $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
|
|
|
- });
|
|
|
- $("#paginas_list li").click(function() {
|
|
|
- $("#paginas_list li").css("opacity",0.5);
|
|
|
- $(this).css("opacity",1);
|
|
|
- $(".pagina").hide();
|
|
|
- $(".pagina[num='"+$(this).attr('num')+"']").show();
|
|
|
- curpag=$(this).attr('num');
|
|
|
- alert(curpag);
|
|
|
- });
|
|
|
-});
|
|
|
+<script>
|
|
|
+$(document).ready(function() {
|
|
|
+ curpag=1;
|
|
|
+ $.getJSON('listaprod.php', { cat : 'Limpieza' }).done(function(data) {
|
|
|
+ var count = data['count'];
|
|
|
+ var prod = data['productos'];
|
|
|
+ if (count > 3) {
|
|
|
+ alert("error > 3");
|
|
|
+ }
|
|
|
+
|
|
|
+ var productos = [] ;
|
|
|
+ $.each(prod, function(i, item) {
|
|
|
+ var proddiv = $('<div/>', {
|
|
|
+ class: 'producto',
|
|
|
+ html: item['html']
|
|
|
+ });
|
|
|
+ var img = "Images/producto.jpg";
|
|
|
+ productos.push(proddiv);
|
|
|
+ });
|
|
|
+
|
|
|
+
|
|
|
+ var lista_prod = $('<div/>', {
|
|
|
+ id: 'lista_productos',
|
|
|
+ html: productos
|
|
|
+ });
|
|
|
+ var pagina = $('<div/>', {
|
|
|
+ id: 0, //incrementar
|
|
|
+ class: 'pagina',
|
|
|
+ html: lista_prod
|
|
|
+ });
|
|
|
+ $("#paginas_wrapper").append(pagina);
|
|
|
+ });
|
|
|
+ $(".next").click(function() {
|
|
|
+ if ( ! $(".pagina[num='"+(curpag+1)+"']").length )
|
|
|
+ return;
|
|
|
+ $(".pagina").hide();
|
|
|
+ curpag++;
|
|
|
+ $(".pagina[num='"+curpag+"']").show();
|
|
|
+ $("#paginas_list li").css("opacity",0.5);
|
|
|
+ $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
|
|
|
+
|
|
|
+ });
|
|
|
+ $(".prev").click(function() {
|
|
|
+ $(".pagina[num='"+curpag+"']").hide();
|
|
|
+ curpag--;
|
|
|
+ if ( curpag < 1 )
|
|
|
+ curpag=1;
|
|
|
+ $(".pagina[num='"+curpag+"']").show();
|
|
|
+ $("#paginas_list li").css("opacity",0.5);
|
|
|
+ $("#paginas_list li[num='"+curpag+"']").css("opacity",1);
|
|
|
+ });
|
|
|
+ $("#paginas_list li").click(function() {
|
|
|
+ $("#paginas_list li").css("opacity",0.5);
|
|
|
+ $(this).css("opacity",1);
|
|
|
+ $(".pagina").hide();
|
|
|
+ $(".pagina[num='"+$(this).attr('num')+"']").show();
|
|
|
+ curpag=$(this).attr('num');
|
|
|
+ alert(curpag);
|
|
|
+ });
|
|
|
+});
|
|
|
</script>
|
|
|
</head>
|
|
|
|
|
|
@@ -106,12 +105,12 @@ $(document).ready(function() {
|
|
|
</ul>
|
|
|
</div>
|
|
|
|
|
|
- <div id ="paginas_wrapper">
|
|
|
+ <div id ="paginas_wrapper">
|
|
|
<!-- <div num="" class="pagina" >
|
|
|
<div class="nav" style="display: inline; float: left; height: 30px; margin-top: 170px;">
|
|
|
<label for="img-1" class="prev">‹</label>
|
|
|
- </div>
|
|
|
- <div id="lista_productos">
|
|
|
+ </div>
|
|
|
+ <div id="lista_productos">
|
|
|
|
|
|
<div id="producto" style="float:left;">
|
|
|
<div style="float : left; width:15%;">
|
|
|
@@ -122,16 +121,16 @@ $(document).ready(function() {
|
|
|
<br> <php echo $desc; ?> <br><br>
|
|
|
<u>Ver más</u>
|
|
|
</div>
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
|
|
|
- </div>
|
|
|
+ </div>
|
|
|
<div class="nav" style="float: right; height: 30px; margin-top: 170px;">
|
|
|
<label for="img-3" class="next">›</label>
|
|
|
</div>
|
|
|
|
|
|
- </div>
|
|
|
- <ul id="paginas_list">
|
|
|
- </ul>-->
|
|
|
+ </div>
|
|
|
+ <ul id="paginas_list">
|
|
|
+ </ul>-->
|
|
|
|
|
|
</div>
|
|
|
|