Foros del Web - Ver Mensaje Individual

abimaelrc · #2 (**permalink**) 26/03/2011, 11:13

En estos casos te recomiendo que mejor uses javascript, porque estás haciendo una petición que si la persona quiere refrescar la pantalla le va a molestar porque tiene que enviar la petición nuevamente o usar el método de GET.

Con javascript

Código HTML:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
</head>
 
<body>
 
<table width="120" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30" bgcolor="#0000FF"><a href="javascript: document.body.style.backgroundColor='#0000ff'">Azul</a></td>
    <td width="30" bgcolor="#ff0000"><a href="javascript: document.body.style.backgroundColor='#ff0000'">Rojo</a></td>
    <td width="30" bgcolor="#00ff00"><a href="javascript: document.body.style.backgroundColor='#00ff00'">Verde</a></td>
    <td width="30" bgcolor="#ffffff"><a href="javascript: document.body.style.backgroundColor='#ffffff'">Blanco</a></td>
    <td width="30" bgcolor="#000000"><a href="javascript: document.body.style.backgroundColor='#000000'">Negro</a></td>
  </tr>
</table>
<br />
</body>
</html>

con el método de GET

Código PHP:

Ver original<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Documento sin t&iacute;tulo</title>
<style>
body{
    background-color: #<?php echo array_key_exists('color', $_GET) ? $_GET['color'] : 'ffffff'; ?>
}
</style>
</head>
 
<body>
 
<table width="120" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td width="30" bgcolor="#0000FF"><a href="?color=0000ff">Azul</a></td>
    <td width="30" bgcolor="#ff0000"><a href="?color=ff0000">Rojo</a></td>
    <td width="30" bgcolor="#00ff00"><a href="?color=00ff00">Verde</a></td>
    <td width="30" bgcolor="#ffffff"><a href="?color=ffffff">Blanco</a></td>
    <td width="30" bgcolor="#000000"><a href="?color=000000">Negro</a></td>
  </tr>
</table>
<br />
</body>
</html>