Tema: Texto y Input
Ver Mensaje Individual
  #6 (permalink)  
Antiguo 13/05/2010, 01:19
quimfv
Colaborador
  
Fecha de Ingreso: marzo-2008
Ubicación: Sabadell
Mensajes: 4.897
Antigüedad: 16 años, 8 meses
Puntos: 574
Respuesta: Texto y Input
Java no es JavaScript, solo se parecen en el nombre.

Ahí te dejo un ejemplo con el nombre... si lo terminas tendrás una suerte de formulario oculto.... que actualiza el texto visible y se puede mandar....

Si no te gustan las tablas lo siento....


Código HTML: 
Ver original
  1. <html>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4. <bgsound src="../Sonidos/Speech Off.wav" loop="l" balance="b" volume="v"></bgsound>
  5. <head>
  6. <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  7.  
  8. <script language="JavaScript" type="text/JavaScript">
  9. function amaga(id,num){
  10.  
  11. if(num=="1"){
  12.     document.getElementById(id+"1").style.display="none";
  13.     document.getElementById(id+"2").style.display="";
  14.     document.getElementById(id).value=document.getElementById(id+"0").innerHTML;
  15. }else{
  16.     document.getElementById(id+"2").style.display="none";
  17.     document.getElementById(id+"1").style.display="";
  18.     document.getElementById(id+"0").innerHTML=document.getElementById(id).value;
  19. }
  20. }
  21. </script>
  22.  
  23. </head>
  24.  
  25. <body style="background-color: transparent;">
  26. <div align="center"><form method="GET" name="checkForm" action="">
  27. <table width="669" border="0">
  28. </table>
  29. <table width="668" height="115" border="0" cellpadding="0" cellspacing="1">
  30. <tr>
  31. <td width="170"><div align="left"><font face="Monotype Corsiva" size="+2">Nombre</font></div></td>
  32. <td colspan="4" align="left"><font face='Monotype Corsiva' size='+1'><table width="100%" border="0" cellspacing="0" cellpadding="0">
  33.   <tr id='nombre1'>
  34.     <td><span onclick="amaga('nombre',1)" id="nombre0">Hallking</span></td>
  35. </tr><tr id='nombre2' style='display:none'>
  36.     <td><input name="nombre" type="text" id="nombre" value="Hallking" onblur="amaga('nombre',2)" /></td>
  37.   </tr>
  38. </table>
  39. </font></td>
  40. </tr>
  41. <tr>
  42. <td><div align="left"><font face="Monotype Corsiva" size="+2">Apellido</font></div></td>
  43. <td colspan="4" align="left"><font face='Monotype Corsiva' size='+1'>Quesada Median</font></td>
  44. </tr>
  45. <tr align="left">
  46. <td><font face="Monotype Corsiva" size="+2">Telefono</font></td>
  47. <td width="157"><font size="+1" face="Monotype Corsiva">809-888-8888</font></td>
  48. <td width="167"><font size="+1" face="Monotype Corsiva">809-888-8888</font></td>
  49. <td colspan="2"><font size="+1">809-888-8888</font> </td>
  50. </tr>
  51. <tr align="left">
  52. <td><font face="Monotype Corsiva" size="+2">Tipo</font></td>
  53. <td>casa</td>
  54. <td>Cel</td>
  55. <td colspan="2">Trabajo</td>
  56. </tr>
  57. <tr align="left">
  58. <td><font face="Monotype Corsiva" size="+2">Coreo Electronico</font></td>
  59. <td colspan="4"><font size="+1" face="Monotype Corsiva">[email protected]</font></td>
  60. </tr>
  61. <tr align="left">
  62. <td><font face="Monotype Corsiva" size="+2">Dirección</font></td>
  63. <td colspan="2"><font size="+1" face="Monotype Corsiva">calla no me acuerdo</font></td>
  64. <td width="80"><input type="submit" name="button4" value="Guardar C" /></td>
  65. <td width="66"><input type="reset" name="button3" value="Borar" /></td>
  66. </tr>
  67. </table>
  68. </form></div>
  69. </body>
  70. </html>

Por cierto solo tienes que reproducir, con un poco de logica, lo que he hecho en el html el script no tienes por que tocarlo...

Quim
Última edición por quimfv; 13/05/2010 a las 01:25