Crear pestañas automaticas con php?

fralimo · #1 (**permalink**) 03/08/2015, 11:45

Buenas soy relativamente nuevo en esto de php (a penas 1 mes de formacion)
y me preguntaba como se podia crear pestañas automaticas (tipo paginas ):

he estado tratando de hacerlas utilizando como base esto:

http://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_ref_js_tab&stacked=h

mediante echos pero no ha salido nada remotamente bien.

me podrias dar alguna orientacion de codigo para hacerlo...seria de gran ayuda gracias

enlinea777 · #2 (**permalink**) 03/08/2015, 12:03

una brebe explicacion del codigo

http://i.imgur.com/GKUEguB.png

fralimo · #3 (**permalink**) 03/08/2015, 12:08

Muchas gracias por responder tan rapido, respecto a tu respuesta no preguntaba que hacia el codigo de w3 puesto que lo entiendo, el problema es que no se como crear automaticamente las paginas 1 2 3 4 que hay en la foto que he subido (parte de abajo).

mi idea es que si en un div hay mas de 4 imagenes, automaticamente se cree otra pestaña "pagina 1" donde se pongan otras 4 imagenes y asi sucesivamente se creen "pagina 2" etc, y no encuentro la forma de hacerlo con php de forma automatica

enlinea777 · #4 (**permalink**) 03/08/2015, 12:29

sabes ocupar un for???

enlinea777 · #5 (**permalink**) 03/08/2015, 12:32

ejemplo

Código PHP:

  $contador=0;
for ($i=0; $i < ; $i++) { 
    if ($contador==4) {
        // elcodigo para cada 4
        $contador=0;
    }else{
    $contador++;
    }
}

fralimo · #6 (**permalink**) 03/08/2015, 12:50

Cita:

Iniciado por enlinea777

ejemplo

Código PHP:

  $contador=0; 
for ($i=0; $i < ; $i++) {  
    if ($contador==4) { 
        // elcodigo para cada 4 
        $contador=0; 
    }else{ 
    $contador++; 
    } 
}

si gracias, creo que ya me hago una idea de como lo hare, a ver si lo consigo y posteare por aqui el codigo, de todas formas va a ser complicado porque el codigo html de los tabs estara dentro de un bucle php osea lo tendre que hacer con echos.....

enlinea777 · #7 (**permalink**) 03/08/2015, 13:44

sin echos

mira mi ejemplo:

http://creaelicita.cl/ayuda/1134071.php

Código PHP:

  <? 
$cats=array('abstract','animals','city','life','fashion','people'); 
?> 
<html lang="en"> 
<head> 
  <title>Bootstrap Case</title> 
  <meta charset="utf-8"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
  <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
</head> 
<body> 
 
 
<div class="container"> 
  <h2>Dynamic Tabs</h2> 
 <ul class="nav nav-tabs"> 
<? 
$contador=0; 
$paginas=0; 
for ($i=0; $i < 20; $i++) {  
    if ($contador==4) { 
      ?> 
        <li><a <? if($paginas==1){?>class="active"<? }?> data-toggle="tab" href="#menu<?=$paginas?>">Menu <?=$paginas?></a></li> 
        <? $contador=0; 
    $paginas++; 
    }else{ 
    $contador++; 
    } 
} 
?> 
</ul> 
 
 
 
<div class="tab-content"> 
 
<? 
$contador=0; 
$paginas=0; 
for ($i=0; $i < 20; $i++) {  
  if ($contador==0) { 
     
     if($paginas>0){?> 
      </div> 
     <? }?> 
 
          <div id="menu<?=$paginas?>" class="tab-pane fade <? if($paginas==0){?>in active<? }?>"> 
          <h3>MENU <?=$paginas?></h3> 
  <? 
  $paginas++; 
   } 
    if ($contador==4) { $contador=0; 
    }else{ 
      ?> 
      <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p> 
      <img src="http://lorempixum.com/400/200/<?=$cats[$paginas]?>/<?=$contador?>"> 
      <? 
    $contador++; 
    } 
} 
?> 
   
</div>  
 
   </div>  
 
</body></html>

espero te sirva

fralimo · #8 (**permalink**) 04/08/2015, 00:35

me sale este error (al copiar y pegar tu codigo)

class="active" data-toggle="tab" href="#menu
Notice: Undefined variable: paginas in C:\xampp\htdocs\flex\pruebatabs.php on line 25
">Menu
Notice: Undefined variable: paginas in C:\xampp\htdocs\flex\pruebatabs.php on line 25

muchas gracias por tomarte el tiempo y por tu ayuda!

enlinea777 · #9 (**permalink**) 04/08/2015, 09:02

no es un error.
es solamente que no tienes configurado tu xamp para produccion.
agregale

Código PHP:

  error_reporting(E_ERROR);

al principio de todo el codigo.

pateketrueke · #10 (**permalink**) 04/08/2015, 09:51

Cita:

Iniciado por enlinea777

no es un error.
es solamente que no tienes configurado tu xamp para produccion.
agregale

Código PHP:

  error_reporting(E_ERROR);

al principio de todo el codigo.

De hecho tu código si está mal escrito, ya no se usa <? debes usar <?php todo el tiempo.

Si a ti te funciona así es porque usas una versión vieja o mal configurada de PHP, hoy en día usar sólo <? ya no es opción.

enlinea777 · #11 (**permalink**) 04/08/2015, 10:22

Cita:

Iniciado por pateketrueke

De hecho tu código si está mal escrito, ya no se usa <? debes usar <?php todo el tiempo.

Si a ti te funciona así es porque usas una versión vieja o mal configurada de PHP, hoy en día usar sólo <? ya no es opción.

heeeeeeee????????

short-open-tag es una directiva activa en todas las versiones originales de php.
no asi en versiones modificadas para xamp, wamp, appserver, etc
http://php.net/manual/es/ini.core.ph...short-open-tag
si fueras admistrardor de servidores tendrias una nocion de que php en linux viene siempre con short-open-tag habilitado.
por lo que TODOS y absolutamente TODOS los hosting de php tienen esa opcion habilitada.

pateketrueke · #12 (**permalink**) 04/08/2015, 10:31

Cita:

por lo que TODOS y absolutamente TODOS los hosting de php tienen esa opcion habilitada.

Te equivocas, lee bien:

Cita:

PHP también permite la etiqueta de apertura abreviada <? (la cual está desaconsejada debido a que sólo está disponible si se habilita con la directiva short_open_tag del fichero de configuración php.ini, o si PHP se configuró con la opción --enable-short-tags ).

¿Por qué se desaconseja?

Pues porque no todos los hostings habilitan esta opción, ni todas las instalaciones de PHP la traen activa por defecto a menos que compiles o seas administrador.

De hecho, acabas de compartir un código que usa short-open-tags ¿y que pasó?

Pues no funciona, porque no todos tienen PHP configurado de igual forma.

Lo consistente es usar siempre <?php y así te aseguras que no importando la versión o configuración: tu código siempre funcionará.

Es un aspecto de profesionalismo que deberías tomar en cuenta, no sólo programes para ti, programa para que los demás puedan ejecutar lo tuyo.

Cita:

si fueras admistrardor de servidores tendrias una nocion de que php en linux viene siempre con short-open-tag habilitado.

Yo uso Linux, Mac y también he usado Windows: siempre con short-open-tag deshabilitado para evitarme inconsistencias al compartir mi código con otros.

enlinea777 · #13 (**permalink**) 04/08/2015, 11:17

si es asi
puedes decirme un hosting que no lo tenga activado????????????????

pateketrueke · #14 (**permalink**) 04/08/2015, 11:25

Off-topic:

Cita:

puedes decirme un hosting que no lo tenga activado????????????????

Tu deberías saber, pues según tu experiencia lo aseguraste:

Cita:

por lo que TODOS y absolutamente TODOS los hosting de php tienen esa opcion habilitada.

fralimo · #15 (**permalink**) 04/08/2015, 11:49

Introduje el codigo que me dijistes al principio error_reporting(E_ERROR); y me sigue ocurriendo el mismo error.

cambie los <? por <?php y ya no me salia ese error pero si este en la linea 26 Parse error: syntax error, unexpected '=' in C:\xampp\htdocs\flex\pruebatabs.php on line 26

y la linea es esta <li><a <?php if($paginas==1){?>class="active"<?php }?> data-toggle="tab" href="#menu <?php =$paginas?>">Menu <?php =$paginas?></a></li>

muchas gracias a los dos por vuestra ayuda

chronos682 · #16 (**permalink**) 04/08/2015, 12:37

Reemplaza esto:

=$paginas

por esto:

echo $paginas;

En ambos lados.

fralimo · #17 (**permalink**) 04/08/2015, 14:07

vale perfecto , pero este codigo no me resuelve el problema... osea lo que yo quiero es:

una pestaña llamada por ejemplo "pagina1" donde coloca imagenes hasta 30 (por ejemplo), cuando va a colocar la 31 crea automaticamente una segunda pagina "pagina2" donde coloca otras 30 (60), cuando vaya a colocar la 61 me cree otra vez automaticamente otra pagina "pagina3" y asi sucesivamente....

es esto posible mediante php?

chronos682 · #18 (**permalink**) 04/08/2015, 14:14

Claro que si es posible, lo puedes hacer mediante algún ciclo (for, while). Yo lo haría con un for poniendo como límite del for el resultado de dividir el total de imágenes sobre la cantidad a mostrar por página +1 si el residuo es mayor a 0. Algo así:

Código PHP:

Ver original$numpag = $numimagenes/30;
for ($i=1; $i <=$numpag; $i++)
{
Aqui el codigo para colocar las pestañas por cada pagina
}

Algo asi seria la idea.

fralimo · #19 (**permalink**) 04/08/2015, 14:29

Cita:

Iniciado por chronos682

Claro que si es posible, lo puedes hacer mediante algún ciclo (for, while). Yo lo haría con un for poniendo como límite del for el resultado de dividir el total de imágenes sobre la cantidad a mostrar por página +1 si el residuo es mayor a 0. Algo así:

Código PHP:

Ver original$numpag = $numimagenes/30;
for ($i=1; $i <=$numpag; $i++)
{
Aqui el codigo para colocar las pestañas por cada pagina
}

Algo asi seria la idea.

ya pero como seria el codigo para crear la pestaña automaticamente es eso lo que no logro ver...

gracias a todos por vuestra ayuda

chronos682 · #20 (**permalink**) 04/08/2015, 15:08

Coloca cuál es el código que estás usando finalmente para intentar crear las pestañas.

Triby · #21 (**permalink**) 04/08/2015, 16:27

Cita:

Iniciado por enlinea777

si es asi
puedes decirme un hosting que no lo tenga activado????????????????

He trabajado solo servidores Linux y en todos los paquetes que he contratado (shared, VPS y dedicado), solo uno de ellos tenía activa la opción.

P.D. Por favor no vuelvas a publicar mensajes con solo basura, eso es spam.

srbetico · #22 (**permalink**) 04/08/2015, 17:39

Yo creo que para solucionar el problema es necesario saber de donde obtienes los datos que quieres paginar.

Si es de una base de datos al hacer la consulta haría un limit para mostrar solo los resultados de una pagina.

Si los resultados van a ser siempre los mismos yo lo haría directamente con html y javascript aunque también se podría apañar con php.

Si das más detalles intentaré ayudarte

Un saludo

lubtufano · #23 (**permalink**) 04/08/2015, 18:54

Cita:

Iniciado por fralimo

vale perfecto , pero este codigo no me resuelve el problema... osea lo que yo quiero es:

una pestaña llamada por ejemplo "pagina1" donde coloca imagenes hasta 30 (por ejemplo), cuando va a colocar la 31 crea automaticamente una segunda pagina "pagina2" donde coloca otras 30 (60), cuando vaya a colocar la 61 me cree otra vez automaticamente otra pagina "pagina3" y asi sucesivamente....

es esto posible mediante php?

Te dejo un ejemplo sencillo de lo quieres, creo que no te será difícil entenderlo.

Código PHP:

Ver original<style>
    .pestana {
    border: solid 1px  #000000;
    padding: 10px;
    }
</style>
<?php
    $numImagenes= 102;
    
    echo "<p class='pestana'>"; //abrimos primer párrafo (pestaña)
    for($i=0; $i<$numImagenes; $i++) { //el ciclo creará los párrafos necesarios
        if(($i + 1) % 30 != 0) { //se verifica si la iteración actual es múltiplo de 30
            echo " Imagen-". ($i + 1); //al no serlo simplemente se muestra la imagen correspondiente
        } else {
            echo " Imagen-". ($i + 1) ."</p>\n"; //con cada múltiplo de 30 se muestra la imagen y además se cierra el párrafo
            if(($i + 1) != $numImagenes) { //se verifica si no se ha llegado al final del bucle
                echo "<p class='pestana'>"; //al no ser el final se abre un nuevo párrafo
            }
        }   
    }
    echo "</p>" //se cierra el último párrafo
?>

fralimo · #24 (**permalink**) 05/08/2015, 04:32

Cita:

Iniciado por srbetico

Yo creo que para solucionar el problema es necesario saber de donde obtienes los datos que quieres paginar.

Si es de una base de datos al hacer la consulta haría un limit para mostrar solo los resultados de una pagina.

Si los resultados van a ser siempre los mismos yo lo haría directamente con html y javascript aunque también se podría apañar con php.

Si das más detalles intentaré ayudarte

Un saludo

las imagenes estan subidas a una base de datos y se muestra la foto de perfil de cada usuario dependiendo las caracteristicas marcadas en un buscador (esto ya lo he hecho),
el problema es crear esas paginas pero voy a tratar de hacer algo con lo que me habeis pasado a ver....

fralimo · #25 (**permalink**) 05/08/2015, 06:50

vale la parte de crear pestañas automaticas ya esta hecha,en lo que estoy teniendo impedimentos es cuando... ya tengo en una pagina 4 fotos por ejemplo (es mi maximo de fotos por pagina), en la siguiente pagina que ha creado coloque otras 4 fotos pero partiendo de la 5 foto de mi base de datos, donde pongamos que en total tengo 12, no puedo usar id porque no estaran en orden.

xfxstudios · #26 (**permalink**) 05/08/2015, 06:57

Cita:

vale la parte de crear pestañas automaticas ya esta hecha,en lo que estoy teniendo impedimentos es cuando... ya tengo en una pagina 4 fotos por ejemplo (es mi maximo de fotos por pagina), en la siguiente pagina que ha creado coloque otras 4 fotos pero partiendo de la 5 foto de mi base de datos, donde pongamos que en total tengo 12, no puedo usar id porque no estaran en orden.

quieres explicar un poco mejor este wachu que acabas de escribir???? porque no estarian en orden??

enlinea777 · #27 (**permalink**) 05/08/2015, 07:31

Cita:

Iniciado por Triby

P.D. Por favor no vuelvas a publicar mensajes con solo basura, eso es spam.

ok

perdon

pero el

Cita:

Iniciado por pateketrueke;

pateketrueke

me tenia atravesado.

10-4

fralimo · #28 (**permalink**) 05/08/2015, 07:31

Cita:

Iniciado por xfxstudios

quieres explicar un poco mejor este wachu que acabas de escribir???? porque no estarian en orden??

1-el problema de generar las pestañas de forma automatica ya esta resuelto.

<div class="container">
<h2>Dynamic Tabs</h2>
<ul class="nav nav-tabs">

<?php

for($i=0; $i<$num; $i++) {
if($i==0){echo "<li>"."<a data-toggle='tab' href='#home'>pagina1</a>"."</li>";}
if(($i) % $num != 0) {
$i=$i+1;
echo "<li>"."<a data-toggle='tab' href='#home'>pagina$i</a>"."</li>";
$i=$i-1;
}//if
}//for
?>
</ul>

donde $num=$i2/2 (donde 2 (numero de imagenes por pestaña que quiero por ejemplo tengo puesto 2) y $i2 es el numero de imagenes que se que tengo en la base de datos ya que los he sacado con un :
while($row = $result->fetch_assoc()){ //*
$i2=$i2+1;// calculo cuantas imagenes hay en la base de datos
}//*

Todo esto teniedo 4 imagenes en la base de datos me crea 2 pestañas pagina 1 y pagina 2, hasta aqui todo perfecto

2- pero ahora tengo un problema a la hora de establecer el contenido de cada pestaña:

<div class="tab-content">
<div id="home" class="tab-pane fade in active">

<?php
$sql = "SELECT id,imagen1, names,contador,time FROM basico ";
$result = $conn->query($sql);

$i3=0;//inicializo un contador
while($row = $result->fetch_assoc()){ //*

if($i3<2){ //pretendo que solo me muestre en la pantalla 2 imagenes
$r2=$row["contador"];
$time=$row["time"];
$time=$time-time();

if($time>-0.1){
$online="En linea !";
}else{ $online= "Desconectado";}

echo "<div id='primera'>"."<a href='http:perfilex.php?contador=$r2'>".'<img height="150" width="150" src="data:image;base64,'.$row["imagen1"].' "> '."<br>".$row["names"]."</a>"."<br>".$online."</div>";
$i3=$i3+1;
}else
???? no se que hacer en esta parte para que una vez ya mostrada las 2 imagenes que me ponga las otras 2 en la otra pestaña "pagina 2"
}

}// cerramos el while
?>

</div>
</div>

</div> 

3- decia que los id de las imagenes no estan en orden porque los usuarios registrados son a lo mejor 1-2-5-7 ya que el 3-4-6 los he borrado yo manualmente de la base

enlinea777 · #29 (**permalink**) 05/08/2015, 07:33

Porfavor fralimo se que eres nuevo pero aprende a usar los Highlight, nos ayuda mucho a todos

xfxstudios · #30 (**permalink**) 05/08/2015, 07:37

cuantas veces estas haciendo esto en la misma pagina????

Código PHP:

Ver originalwhile($row = $result->fetch_assoc())

porque si lo estas haciendo 2 o mas veces para una misma consulta, esta mal