Cambiar celda de color al enviar un formulario relleno

ElJudas · #1 (**permalink**) 09/01/2011, 06:32

Primero un saludo a todos y gracias de ante mano...
Estoy creando una web y estoy un poco enganchado en esto en concreto:
tengo una celda, quiero que cuando clickees salga una ventana emergente con un formulario, cuando se rellena y se le da a enviar (se mandará un mail), quiero que la celda cambie de color. me estoy volviendo loco y no hay manera, si alguien me pudiera echar una mano lo agradeceria jeje muchas gracias.

lo estoy haciendo en HTML toda, menos la intro que va en flash

GAST0N · #2 (**permalink**) 09/01/2011, 08:10

no logro entender muy bien lo q deseas hacer, fijate este enlace quzas es lo que buscas

ElJudas · #3 (**permalink**) 09/01/2011, 08:45

Gracias Gaston, si esto es una parte la del formulario que ya la tengo casi jeje pero como puedo hacer que cuando tu le des a enviar se marque en rojo la celda inicial a la que le clickaste para que te saliera este formulario en un popup (enviar=se cierra el popup y la celda cambia de color)
muchas gracias por tu aportación ;)

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

ElJudas · #5 (**permalink**) 09/01/2011, 13:39

ok muchas gracias, me salvaste de mi quebradero de cabeza jeje muchas gracias de nuevo, llevo dos días enganchado ahí

ElJudas · #6 (**permalink**) 20/01/2011, 17:15

Buenas, alguien sabe como hacer que me cambien de color todas las celdas sin tener que poner el id de cada celda y cuando cambie de color se desactive el link y al actualizar la página siga de ese color y sin link???

Código HTML:

Ver original<script type="text/javascript">
function ccolor(col){
opener.document.getElementById('a').style.backgroundColor=col;
}
</script>
<input onclick="ccolor('red');" value="Nombre del botón" type="submit">

en este ejemplo solo cambiaría de color la celda con id="a"
Como se haría en global para todas las celdas
GRACIAS