Foros del Web - Ver Mensaje Individual - Cambiar celda de color al enviar un formulario relleno

emprear · #4 (**permalink**) 09/01/2011, 12:11

Hacelo de esta manera

Por ejemplo:

Este es el html que carga el form, en este caso pongo un link dentro de una celda. y es fundamental que a esa celda le pongas un "id", yo use "x"

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=utf-8" />
<title>Abrir Popup</title>
<script type="text/javascript">
//<![CDATA[
var win= null;
function VentanaCentrada(pagina,w,h,nombre){
var winleft = (screen.width-w)/2;
var wintop = (screen.height-h)/2;
caracteristicas='height='+h+',width='+w+',top='+wintop+',left='+winleft+',scrollbars=no,toolbar=no,resizable=yes'
win=window.open(pagina,nombre,caracteristicas)
if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
}
//]]>
</script>
</head>
<body>
 
<table width="200" border="1" cellspacing="0" cellpadding="0">
<tr>
<td id="x" style="width:100%; background-color:lightblue">
<a href="form.html" onclick="VentanaCentrada('form.html','400','400','Popupuno');return false;" > Abrir Form en Popup </a>
</td>
</tr>
</table>
 
</body>
</html>

Ahora el form.html

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" xml:lang="es" lang="es" >
<head>
<title>XHTML 1.0 transitional</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<script type="text/javascript">
function ccolor(col){
opener.document.getElementById('x').style.backgroundColor=col;
}
    </script>
</head>
<body>
<p>Este es el popup</p>
<form action="http://google.com" method="post">
<div>><input type="submit" onclick="ccolor('red');" name="xxx" /></div>
</form>
</body>
</html>

Aca la cosa es sencilla, el input tiene un onclick que llama a la función ccolor(); con un parametro que es el color "red", esa función pasa el valor a "opener.document", que es la página que generó el popup, y utiliza getElementById, para reconocer a la celda de id="x" y cambiar el color de fondo

Probado en FF y IE, asi que supongo andará con losdemás
Se entiende?

Saludos