El post de hoy no se podría decir que es un tutorial, es un simple código HTML con PHP que te genera una tabla dándole unos valores de filas y columnas. Estos valores podrían crearse a partir de un formulario (mirar ejemplo), a través de una base de datos, de un contador de imágenes, etc...
También colorea la tabla un cuadro si otro no (par e impar).
El código es bastante simple y muy útil en muchas ocasiones para ahorrar tiempo. A parte está totalmente comentado para aprender y poder hacer las modificaciones oportunas o incluso ampliarlo a tu antojo.
A continuación os presento el resultado junto al código. Al final veréis un link para probar la demo y verlo en tiempo real. Aquí va:
El código:
<html> <head> <?php //Creamos los parametros iniciales //estos podrían proceder de un formulario, sql, etc... $filas = 10; $columnas = 15; $texto = 0; $grey = true; ?> </head> <body> <!-- Creamos el inicio de la tabla manualmente--> <table border="1"> <?php //Iniciamos el bucle de las filas for($t=0;$t<$filas;$t++){ echo "<tr>"; //Iniciamos el bucle de las columnas for($y=0;$y<$columnas;$y++){ if($grey){ //Pintamos el cuadro echo "<td style=padding:3px; background-color:#F5D0A9;>".$texto."</td>"; //El próximo no será pintado $grey=false; $texto++; }else{ //Dejamos cuadro en blanco echo "<td style=padding:3px;>".$texto."</td>"; //El próximo será pintado $grey=true; $texto++; } } //Cerramos columna echo "</tr>"; } ?> <!-- Cerramos tabla --> </table> </body> </html>
muchas gracias me fue de gran ayuda lo modificare para manejar arreglos dinámicamente e ir lo mostrando en la tabla gracias amigo!!!
ResponderEliminarMuy buen código gracias :), estaba pensando hacerlo de esa forma, pero como tenía tiempo sin ver php no recordaba algunos detalles
ResponderEliminarvery good
ResponderEliminarMuchas gracias, me va a servir de mucho
ResponderEliminarque aporte !!!! muchas gracias
ResponderEliminarBuen dia alguien puede ayudar necesito un codigo en html para dibujat dos matirces de 3*3 y el resultado pintarlo en php
ResponderEliminarsaludos
Me has salvado la vida, la verdad con esto soluciones miles de problemas :D aunque ahora estoy pensando implementarlo con th para ponerle titulos
ResponderEliminarMe alegro de ayudarte!
EliminarDisculpa si tengo un array que quiero cargar en la tabla donde lo tendria que poner para que me rellenara la tabl
ResponderEliminarEnséñame como sería ese array
EliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarexcelente
ResponderEliminaresta muy bueno te felicito
ResponderEliminarEste comentario ha sido eliminado por el autor.
ResponderEliminarMuchas gracias :)
ResponderEliminarMuchas gracias :)
ResponderEliminarhola muy buen ejercicio, queria preguntarte cuando ejecuto el ejemplo y damos clic en el boton dibujar, como hacs para que la tabla se muestre en la misma pagina, pus tngo entndido que ese boton submit me lleva a otra pagina o como es ese manejo? te lo agradezco mucho.
ResponderEliminarMuchas gracias por el comentario, simplemente en el campo acction="" del Form e puesto el nombre del mismo archivo demo.php ;)
Eliminar+1 !
hola victor mil gracias por tu rspuesta lo tngo ahora claro, sin embargo acudo nuevamente a tu ayuda para preguntarte el porque no me sale los estilos de color en las celdas respectivas.
ResponderEliminaryo hago tal cual tienes en tu explicacion del codigo pero a mi no me salen las casillas correspondientes con color a que se debe, que me falta en el codigo,
por tu ayuda mil bendiciones
Tendría que ver tu código para poder ayudarte, entra a esta web http://www.heypasteit.com/ pega el código le das al botón y me pegas aquí el enlace. Gracias!
EliminarHola me gustó mucho tu post y quería ver si podrías ayudarme con un problema que tengo. Mira lo que pasa es que yo tengo unos "tableros" o boletas de calificaciones las cuales tienen 4 columnas divididos por semanas (semana 1, semana 2, semana 3, semana 4) y lo que quiero es pintar la columna que está siendo evaluada en ese instante. Por ejemplo si yo estoy evaluando la semana 3 que esa semana se pinte de algún color por ejemplo azul y que las demás semanas se queden sin color, y cuando pase a evaluar la semana 4 que esa semana sea la que se pinte de color azul y las demás semanas(1,2,3) se queden sin color.
ResponderEliminarPor favor ayúdame...!!!!
Necesito algunos datos más ya que abría que "sincronizarla con un calendario" las 4 semanas coincide con inicio y fin de mes? o la primera semana puede empezar a mediados de mes?
EliminarPon me algunos ejemplos con días, muchas gracias!
Pero abra que escribir dentro de las celdas? Porque si se tiene que guasrdar ará falta una base de datos también.
EliminarEste comentario ha sido eliminado por el autor.
EliminarAl hacerlo con Jquery calendar, yo buscaría a través del Jquery como colorear esa semana ya que al tratarse de una librería bastante completa debe tener funciones para eso. Espero que lo consigas :D. y espero un +1 si te gustó el Blog. Gracias!
EliminarHola si muchas gracias por responder, lo intentaré y claro q va un +1 me gustó mucho tu post :)
Eliminarhola, y como tendría que hacer para que la tabla se llene con información de una base de datos.?
ResponderEliminarBuenas tardes, te recomiendo que leas uno de los últimos tutoriales que hemos publicado http://www.tutorialeshtml5.com/2013/11/tutorial-crear-formulario-html-guardar.html que trata de cómo sacar información de la base de datos. Simplemente tendrías que unir estos dos tutoriales para obtener lo que necesitas.
EliminarTan solo deberás saber que la variable del resultado de la base de datos (se eplica en el tutorial que te he citado) abra que sustituirlo por la variable $texto de este tutorial.
Espero que te sirva! cualquier cosa aquí estamos. Recuerda un +1 nos ayuda a todos!
Muchas gracias, si me sirve, solo que soy nueva en estos temas y me cuesta mucho trabajo.!
ResponderEliminarMil gracias amigo, me salvaste de una!! :D
ResponderEliminarGracias por el aporte.
ResponderEliminarEl ejemplo en vivo no lo he podido ver ya que el archivo ya no está disponible en la página que lo tenía.
He copiado y pegado el código pero a mi no me ha funcionado.
Excelente!!! :D me salvaste!!!
ResponderEliminarYa sabia que podía hacerse esto, pero también llevo mucho tiempo sin hacer tablas dinámicas.
Muchísimas gracias!! me funcionó perfecto...
jejeje tampoco me corrió a la 1ra, pero en mi caso olvide encender WampServer ;$
ayudame
Eliminarmuy bien
ResponderEliminarIt has turned out perfect
ResponderEliminarhermano tengo un problema con el pc ave zi me pues ayuda
ResponderEliminarSi quisieremoa llenar los campos con numeros a la zar, como lo tendriamos que hacer
ResponderEliminarHola amigo saludos, quisiera preguntarte porque motivo cuando ingreso trato de visualizar el codigo no se ven los colores, e intentado cambiarlos y no me resulta, muchas gracias por la información saludos
ResponderEliminar