Foros del Web » Programando para Internet » PHP »

Loop cada 1 fila 4 div

Estas en el tema de Loop cada 1 fila 4 div en el foro de PHP en Foros del Web. Buen día estoy usando un sistema de css de rejillas como bootstrap (cada ROW(FILAS) entra 12 COL(COLUMNAS)) ahora tengo este codigo: Código PHP: <div id="buenosAires" class="row">      ...
  #1 (permalink)  
Antiguo 14/10/2015, 08:14
 
Fecha de Ingreso: octubre-2012
Mensajes: 202
Antigüedad: 12 años, 1 mes
Puntos: 0
Loop cada 1 fila 4 div

Buen día estoy usando un sistema de css de rejillas como bootstrap
(cada ROW(FILAS) entra 12 COL(COLUMNAS))

ahora tengo este codigo:

Código PHP:
<div id="buenosAires" class="row">
    <?php                        
    
while ($row=mysql_fetch_array($buenosAires)){
        
$codigo=$row["idCurso"];
        
$descripcion=$row["descripcion"];
        
$observaciones=$row["observaciones"];
        
$puntaje=$row["puntaje"];
        
$link=$row["link"];
    
?>
    <div class="col s3">
        <div class="card">
            <div class="card-image">
                <img src="<?php echo($link); ?>">
            </div>
        </div>                                    
    </div>
    <?php 
    
}
    
mysql_free_result($buenosAires);
    
?>
</div>
y lo q necesito ahora tener es que cada loop haga esto:
Código PHP:
<div id="buenosAires" class="row">
     <
div class="col s3">
     
      </
div>
     <
div class="col s3">
     
      </
div>
     <
div class="col s3">
     
      </
div>
     <
div class="col s3">
     
      </
div>
</
div
por cada ROW entren 4 columnas de 3(total 12)

porque mi codigo original tengo todos los registros en una sola fila y cuando son muchos registros se rompe la vista y se ve feo
  #2 (permalink)  
Antiguo 14/10/2015, 08:19
Avatar de chronos682  
Fecha de Ingreso: febrero-2004
Ubicación: Tunja - Boyacá - Colombia
Mensajes: 627
Antigüedad: 20 años, 9 meses
Puntos: 69
Respuesta: Loop cada 1 fila 4 div

No entiendo, quieres tener 3 filas de 4 columnas para que estén las 12 que originalmente estaban en una sola fila?
__________________
Si te gustó la respuesta dale +1

HERNÁN G. SIABATO M.
[email protected]
  #3 (permalink)  
Antiguo 14/10/2015, 08:27
 
Fecha de Ingreso: octubre-2012
Mensajes: 202
Antigüedad: 12 años, 1 mes
Puntos: 0
Respuesta: Loop cada 1 fila 4 div

Cita:
Iniciado por chronos682 Ver Mensaje
No entiendo, quieres tener 3 filas de 4 columnas para que estén las 12 que originalmente estaban en una sola fila?
El sistema este entran 12 columnas dentro de una fila:
1 columna de 12
2 columnas de 6
3 columnas de 4
4 columnas de 3
etc

ejemplo de 1 fila 4 columnas de 3:
Código PHP:
<div class="row">
    <
div class="col s3">                         
    </
div>
    <
div class="col s3">                         
    </
div>
    <
div class="col s3">                         
    </
div>
    <
div class="col s3">                         
    </
div>  
</
div
entonces tengo el ROW afuera del loop y el COL adentro del loop, quiere decir q me crea un row y todos los col como registros alla adentro de un solo row.
ahora si pongo el row dentro del loop me crea por cada roop 1 solo col.
Me explico?

y cuando son muchos registros de rompe la vista. Mira:
www.nacercursos.com.ar
anda a biblioteca y fijate en buenos aires como se desacomoda todo
  #4 (permalink)  
Antiguo 14/10/2015, 08:35
Avatar de jpint  
Fecha de Ingreso: junio-2012
Ubicación: Ciudad Real - España
Mensajes: 97
Antigüedad: 12 años, 5 meses
Puntos: 12
Respuesta: Loop cada 1 fila 4 div

Puedes utilizar la función módulo(%) que devuelve el resto de una división:

Código PHP:
$cont 1;
while (
$row=mysql_fetch_array($buenosAires)){ 
    if(
$cont%4==0) echo '<div class="row">';

    
//dibuja cada celda
    
echo '<div class="col s3"></div>';

    if(
$cont%4==0) echo '</div>';
    
$cont++;

La cuarta vez que entre en el bucle, $cont%4 será 0 y tendrá que cambiar de fila.

Etiquetas: cada, fila, loop, mysql, registro, sql
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:34.