Ver Mensaje Individual
  #1 (permalink)  
Antiguo 18/10/2014, 15:49
jotaceft1
 
Fecha de Ingreso: octubre-2014
Mensajes: 4
Antigüedad: 9 años, 6 meses
Puntos: 0
Duda para generar automaticamente los Div

Bueno, ojala que me entienda jeje.
Exite alguna forma de que genere automaticamente un div con la condicion siguiente.
  • Cada <div class="box1"> soporta 3 div
  • Si llega a soprepasar 3 div que se genere otro <div class="box1">

Maso menos me estaba imaginando una convinacion de while anidados mas condicionales if.

Pero no se me ocurre como comensar.

A todo este proyecto, los datos lo jalo desde el sql server.


Código ASP:
Ver original
  1. <div class="content-bottom">
  2.  
  3.         <div class="box1">
  4.              <div 1></div>
  5.              <div 2></div>
  6.              <div 3></div>
  7.         <div class="clear"></div>
  8.         </div>
  9.  
  10.        
  11.         <div class="box1">
  12.              <div 1></div>
  13.              <div 2></div>
  14.              <div 3></div>
  15.         <div class="clear"></div>
  16.     </div>
  17.  
  18. </div>


Aqui un ejemplo de como uso para poder hacer mi slider dinamico ...

Código ASP:
Ver original
  1. <div class="wmuSliderWrapper">
  2.                   <%
  3.                         //mostrar las categorias de nuestros productos    
  4.                         CSliderNeg oneg = new CSliderNeg();
  5.                         DataTable dt = oneg.Select5();
  6.                         //recorrer las filas para imprimir las categorias
  7.                         foreach (DataRow dr in dt.Rows)
  8.                         {                
  9.                     %>
  10.                        <article style="position: relative; width: 100%; opacity: 1;">
  11.                         <div class="banner-wrap">
  12.                             <div class="slider-left">
  13.                                 <img src="<% Response.Write(dr[4]); %>" alt=""/>
  14.                                
  15.                             </div>
  16.                              <div class="slider-right">
  17.                                 <h1><% Response.Write(dr[1]); %></h1>
  18.                                 <h2><% Response.Write(dr[2]); %></h2>
  19.                                 <p><% Response.Write(dr[3]); %></p>
  20.                                 <div class="btn"><a href="shop.html">Comprar Ahora</a></div>
  21.                              </div>
  22.                              <div class="clear"></div>
  23.                          </div>
  24.                         </article>
  25.  
  26.                     <%
  27.                         }        
  28.                     %>
  29.                     </div>