Foros del Web » Creando para Internet » HTML »

Cambiar celda de color al enviar un formulario relleno

Estas en el tema de Cambiar celda de color al enviar un formulario relleno en el foro de HTML en Foros del Web. 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 ...
  #1 (permalink)  
Antiguo 09/01/2011, 06:32
 
Fecha de Ingreso: enero-2011
Mensajes: 46
Antigüedad: 6 años, 11 meses
Puntos: 0
Pregunta Cambiar celda de color al enviar un formulario relleno

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
  #2 (permalink)  
Antiguo 09/01/2011, 08:10
Avatar de GAST0N  
Fecha de Ingreso: agosto-2010
Ubicación: Buenos Aires
Mensajes: 680
Antigüedad: 7 años, 4 meses
Puntos: 64
Respuesta: Cambiar celda de color al enviar un formulario relleno

no logro entender muy bien lo q deseas hacer, fijate este enlace quzas es lo que buscas
__________________
Twitter: @GastonArnedo

Muerte a los <tr> y <td>
  #3 (permalink)  
Antiguo 09/01/2011, 08:45
 
Fecha de Ingreso: enero-2011
Mensajes: 46
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Cambiar celda de color al enviar un formulario relleno

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 ;)
  #4 (permalink)  
Antiguo 09/01/2011, 12:11
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Cambiar celda de color al enviar un formulario relleno

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
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  5. <title>Abrir Popup</title>
  6. <script type="text/javascript">
  7. //<![CDATA[
  8. var win= null;
  9. function VentanaCentrada(pagina,w,h,nombre){
  10. var winleft = (screen.width-w)/2;
  11. var wintop = (screen.height-h)/2;
  12. caracteristicas='height='+h+',width='+w+',top='+wintop+',left='+winleft+',scrollbars=no,toolbar=no,resizable=yes'
  13. win=window.open(pagina,nombre,caracteristicas)
  14. if(parseInt(navigator.appVersion) >= 4){win.window.focus();}
  15. }
  16. //]]>
  17. </head>
  18.  
  19. <table width="200" border="1" cellspacing="0" cellpadding="0">
  20. <tr>
  21. <td id="x" style="width:100%; background-color:lightblue">
  22. <a href="form.html" onclick="VentanaCentrada('form.html','400','400','Popupuno');return false;" > Abrir Form en Popup </a>
  23. </td>
  24. </tr>
  25.  
  26. </body>
  27. </html>

Ahora el form.html

Código HTML:
Ver original
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  2. "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="es" lang="es" >
  4. <title>XHTML 1.0 transitional</title>
  5. <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  6. <script type="text/javascript">
  7. function ccolor(col){
  8. opener.document.getElementById('x').style.backgroundColor=col;
  9. }
  10.     </script>
  11. </head>
  12. <p>Este es el popup</p>
  13. <form action="http://google.com" method="post">
  14. <div>><input type="submit" onclick="ccolor('red');" name="xxx" /></div>
  15. </form>
  16. </body>
  17. </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
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #5 (permalink)  
Antiguo 09/01/2011, 13:39
 
Fecha de Ingreso: enero-2011
Mensajes: 46
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Cambiar celda de color al enviar un formulario relleno

ok muchas gracias, me salvaste de mi quebradero de cabeza jeje muchas gracias de nuevo, llevo dos días enganchado ahí
  #6 (permalink)  
Antiguo 20/01/2011, 17:15
 
Fecha de Ingreso: enero-2011
Mensajes: 46
Antigüedad: 6 años, 11 meses
Puntos: 0
Respuesta: Cambiar celda de color al enviar un formulario relleno

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
  1. <script type="text/javascript">
  2. function ccolor(col){
  3. opener.document.getElementById('a').style.backgroundColor=col;
  4. }
  5. <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

Etiquetas: celda, color, enviar, relleno, formulario
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 21:05.