Ver Mensaje Individual
  #3 (permalink)  
Antiguo 26/03/2010, 13:46
Avatar de Adler
Adler
Colaborador
 
Fecha de Ingreso: diciembre-2006
Mensajes: 4.671
Antigüedad: 17 años, 4 meses
Puntos: 126
Respuesta: Crear un espejo palíndromo de Textareas

Hola

- En la id del textarea destino habías escrito Destino, cuidado que javascript es sensible a mayúsculas y minúsculas
- Necesitabas hacer un split para poder usar el contador

Prueba ahora

Código Javascript:
Ver original
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <html>
  3.     <head>
  4.         <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5.         <title>Espejo Palíndromo</title>
  6.         <script type="text/javascript">
  7.             var longitud = 0;
  8.             var indice = 0;
  9.             var origen = '';
  10.             var destino = '';
  11.            
  12.             function palindromar_caracter(){
  13.                 var text_origen = document.getElementById("origen");
  14.                                var text_destino = document.getElementById("destino");
  15.                 origen = text_origen.innerHTML;
  16. divorigen = origen.split("");
  17.                 destino = text_destino.innerHTML;
  18.                 var letra = divorigen[indice];
  19.                
  20.                 text_destino.innerHTML = destino + origen[indice];
  21.                 indice = indice + 1;
  22.                
  23.                
  24.             }
  25.            
  26.            
  27.         </script>
  28.     </head>
  29.     <body>
  30.        
  31.         <textarea id="origen" name="origen">La ruta natural</textarea>
  32.         <textarea id="destino" name="destino"></textarea>
  33.         <button onclick="palindromar_caracter();">Palindromar letra</button>
  34.     </body>
  35. </html>

Suerte
__________________
Los formularios se envían/validan con un botón Submit
<input type="submit" value="Enviar" style="background-color:#0B5795; font:bold 10px verdana; color:#FFF;" />