Cambiar el color de las celdas de una tabla

ruapercebe · #1 (**permalink**) 04/03/2012, 09:59

Hola, necesito ayuda con un código de PHP, a ver si alguien puede echarme una mano.

Tengo que hacer un script que recoja mediante un formulario el número de filas y columnas que el usuario quiera y cree una tabla con ese número de filas y de columnas. Además de la tabla se tienen que mostrar unos enlaces con el texto (rojo,verde,azul). Al pinchar en los enlaces se selecciona el color,
Con el color seleccionado, al pinchar sobre una celda de la tabla, se tiene que pintar de ese color el fondo de esa celda.

Casi lo tengo pero se colorean las celdas que hay antes que la celda seleccionada. Dejo el código por si alguién me puede dar alguna pista. Gracias!

<?php
session_start();

if(!isset($_SESSION['tb']))
{
$_SESSION['tb']=array();
}

if(!isset($_SESSION['color_actual']))
{
$_SESSION['color_actual']="white";
}

if(isset($_SERVER['REQUEST_METHOD']) && $_SERVER['REQUEST_METHOD']=='POST')
{
echo "la peticion es POST";
$_SESSION['f']=$_POST['filas'];
$_SESSION['c']=$_POST['columnas'];

echo"<br>".$_SESSION['f']." filas";
echo"<br>".$_SESSION['c']." columnas";

}
if(isset($_SERVER['REQUEST_METHOD']) && $_SERVER['REQUEST_METHOD']=='GET')
{
if(isset($_GET['color']))
{
$_SESSION['color_actual']=$_GET['color'];
}

if(isset($_GET['fila']) && isset($_GET['columna']))
{
$f= $_GET['fila'];
$c= $_GET['columna'];
for($i=0;$i<$f;$i++)
for($x=0;$x<$c;$x++)
$_SESSION['tb'][$i][$x] = "background-color: ".$_SESSION['color_actual'];
}
}

?>
<html>
<head></head>
<body>

<form method="post" action="">
<p>Filas: <input type="number" name="filas" /></p>
<p>Columnas: <input type="number" name="columnas" /></p>
<p><input type="submit" name="submit" /></p>
</form>

<table border="1">
<?php for($i=0;$i<$_SESSION['f'];$i++): ?>
<tr>
<?php for($x=0;$x<$_SESSION['c'];$x++): ?>
<td style="<?php echo $_SESSION['tb'][$i][$x] ?>"><a href="?fila=<?php echo$i ?>&columna=<?php echo$x ?>"> <?php echo"$i-$x"; ?></a></td>
<?php endfor; ?>
</tr>
<?php endfor; ?>
</table>

<ul>
<li><a href="?color=red">Rojo</a></li>
<li><a href="?color=green">Verde</a></li>
<li><a href="?color=blue">Azul</a></li>
</ul>

</body>
</html>

repara2 · #2 (**permalink**) 04/03/2012, 10:37

Código PHP:

Ver original<?php
 
error_reporting(E_ALL);
ini_set("display_errors", 1);
session_start();
if(isset($_GET['restart']))
{
    session_destroy();
    header("Location: ".basename($_SERVER['PHP_SELF'])."");
}
if(!isset($_SESSION['tb']))
{
    $_SESSION['tb']=array();
}
 
if(!isset($_SESSION['color_actual']))
{
    $_SESSION['color_actual']="white";
}
 
 
if(isset($_SERVER['REQUEST_METHOD']) && $_SERVER['REQUEST_METHOD']=='POST')
{
    echo "la peticion es POST";
    $_SESSION['f']=$_POST['filas'];
    $_SESSION['c']=$_POST['columnas'];
 
    echo"<br>".$_SESSION['f']." filas";
    echo"<br>".$_SESSION['c']." columnas";
 
}
if(isset($_SERVER['REQUEST_METHOD']) && $_SERVER['REQUEST_METHOD']=='GET')
{
    if(isset($_GET['color']))
    {
        $_SESSION['color_actual']=$_GET['color'];
    }
 
    if(isset($_GET['fila']) && isset($_GET['columna']))
    {
        $f= $_GET['fila'];
        $c= $_GET['columna'];
    }
}
?>
<html>
<head></head>
<body>
 
<form method="post" action="">
<p>Filas: <input type="number" name="filas" /></p>
<p>Columnas: <input type="number" name="columnas" /></p>
<p><input type="submit" name="submit" /></p>
</form>
 
<table border="1">
<?php for($i=0;$i<$_SESSION['f'];$i++): ?>
    <tr>
    <?php for($x=0;$x<$_SESSION['c'];$x++): ?>
        <td style="background-color:<?php echo ($f==$i && $c == $x)?$_SESSION['color_actual']:""; ?>;"><a
            href="?fila=<?php echo $i ?>&columna=<?php echo $x ?>"> <?php echo"$i-$x"; ?></a></td>
            <?php endfor; ?>
    </tr>
    <?php endfor; ?>
</table>
 
<ul>
    <li><a href="?color=red">Rojo</a></li>
    <li><a href="?color=green">Verde</a></li>
    <li><a href="?color=blue">Azul</a></li>
    <li><a href="?restart=restart">Restart</a></li>
</ul>
 
</body>
</html>

arros · #3 (**permalink**) 04/03/2012, 10:52

bueno hacemos algo muy simple no hace falta iniciar una session para color

Código PHP:

Ver originalif(isset($_GET['color'])){
$colorCell = $_GET['color'];
}else{
$colorCell = '#333' // imagenamos que el color en default es este #333
echo '<a href="?color=#fd44f">color rojo</a>'; // imagina que el rojo
echo '<a href="?color=#f124f">color azul</a>'; // imagina que el azul
echo '<a href="?color=#e435e">color verde</a>'; // imagina que el verde
 
// en el nuestra celda haremos algo asi
echo '<tr style="background-color:'.$colorCell.'"><td></td></tr>';

estpero que te serve

ruapercebe · #4 (**permalink**) 04/03/2012, 11:18

Cita:

Iniciado por arros

bueno hacemos algo muy simple no hace falta iniciar una session para color

Código PHP:

Ver originalif(isset($_GET['color'])){
$colorCell = $_GET['color'];
}else{
$colorCell = '#333' // imagenamos que el color en default es este #333
echo '<a href="?color=#fd44f">color rojo</a>'; // imagina que el rojo
echo '<a href="?color=#f124f">color azul</a>'; // imagina que el azul
echo '<a href="?color=#e435e">color verde</a>'; // imagina que el verde
 
// en el nuestra celda haremos algo asi
echo '<tr style="background-color:'.$colorCell.'"><td></td></tr>';

estpero que te serve

Arros, muchas gracias.

El caso es que necesito usar sesiones para poder colorear diferentes celdas sucesivamente.
Si no uso sesiones que mantengan el color, cuando cuando vaya a colorear una nueva celda la anterior perderá el color, la idea que tengo es guardar en sesiones para cada una de las celdas su color de fondo.

ruapercebe · #5 (**permalink**) 04/03/2012, 19:28

Ya lo he conseguido. Aquí dejo el código por si alguien lo quiere.

Código PHP:

 
[HIGHLIGHT="PHP"]<?php 
session_start(); 
 
if(!isset($_SESSION['f']) && !isset($_SESSION['c'])) 
{ 
$_SESSION['f']=0; 
$_SESSION['c']=0; 
} 
 
if(!isset($_SESSION['tb'])) 
{ 
    $_SESSION['tb']=array(); 
} 
 
if(!isset($_SESSION['color_actual'])) 
{ 
    $_SESSION['color_actual']="white"; 
} 
 
 
if(isset($_SERVER['REQUEST_METHOD']) && $_SERVER['REQUEST_METHOD']=='POST') 
{ 
     
    $_SESSION['f']=$_POST['filas']; 
    $_SESSION['c']=$_POST['columnas']; 
 
} 
if(isset($_SERVER['REQUEST_METHOD']) && $_SERVER['REQUEST_METHOD']=='GET') 
{ 
    if(isset($_GET['color'])) 
    { 
        $_SESSION['color_actual']=$_GET['color']; 
    } 
     
    if(isset($_GET['fila']) && isset($_GET['columna'])) 
    { 
        $f= $_GET['fila']; 
        $c= $_GET['columna']; 
        $_SESSION['tb'][$f][$c] = "background-color: ".$_SESSION['color_actual']; 
    } 
} 
?> 
<html> 
<head></head> 
<body> 
    <form method="post" action=""> 
        <p>Filas: <input type="number" name="filas" /></p> 
        <p>Columnas: <input type="number" name="columnas" /></p> 
        <p>Enviar <input type="submit" name="submit" /></p> 
        <p>Limpiar <input type="submit" name="limpiar" /></p> 
 
    </form> 
 
    <table border="1"> 
    <?php for($i=0;$i<$_SESSION['f'];$i++): ?> 
        <tr> 
        <?php for($x=0;$x<$_SESSION['c'];$x++): ?> 
            <td style="<?php echo $_SESSION['tb'][$i][$x] ?>"><a href="?fila=<?php echo$i ?>&columna=<?php echo$x ?>"> <?php echo"$i-$x"; ?></a></td> 
        <?php endfor; ?> 
        </tr> 
    <?php endfor; ?> 
    </table> 
 
<?php if($_SESSION['f']>0 || $_SESSION['c']>0) 
{ 
    echo $enlaces; 
} 
?> 
 
 
 
     
    <ul> 
        <li><a href="?color=red">Rojo</a></li> 
        <li><a href="?color=green">Verde</a></li> 
        <li><a href="?color=blue">Azul</a></li> 
    </ul> 
 
</body> 
</html>[/HIGHLIGHT]