Reemplazar en una caja de texto

Flashera · #1 (**permalink**) 13/08/2006, 16:29

Hola a todos.
Resulta que tengo una caja de texto en donde el usuario puede escribir sus lineas, y me gustaría agregar una función en donde haciendo clic en ella, reemplaze X palabras del texto por otras.
Ejemplo:
Yo escribo en en la caja de texto "Hola a todos mis amigos". y si hago clic sobre el boton, por ejemplo se reemplaza "Hola" por "Chau" y "Amigos" por "enemigos".
Un saludo!

jahepi · #2 (**permalink**) 13/08/2006, 17:25

Hola Flashera!

Un ejemplo con las 2 palabras a reemplazar que has mencionado, con esta pequeña función lo podrás hacer, puedes ir añadiendo más criterios de busqueda si gustas.

La función js:

Código:

function Reemplazar()
 {
   var $texto = document.getElementById("texto").value;
   var $texto_nuevo = $texto.replace(/hola/i, "Chau");
   $texto_nuevo = $texto_nuevo.replace(/amigos/i, "Enemigos");
   alert($texto_nuevo);
 }

y el html...

Código HTML:

<textarea name="" id="texto"></textarea>
<input type="button" id="Reemplazar" value="Reemplazar" onclick="Reemplazar();" />

Un saludo!

Cap.Buscapina · #3 (**permalink**) 13/08/2006, 18:18

holas.

te dejo mi granito de arena, algo como si fuera para armar un miniDiccionario.

Cita:

<html>
<head>
<script>
var palabra=new Array();
palabra["Hola"]="Chau";
palabra["amigos"]="enemigos";
palabra["besitos"]="besotes";

function reemplazar(){
txt=document.forms[0]['caja'].value;
for(cual in palabra){
x=new RegExp(cual,"ig");//para que distinga entre mayuscula y minuscula reemplazar "ig" por "g"
txt=txt.replace(x,palabra[cual])
}
document.forms[0]['caja'].value=txt;
}
</script>
</head>
<body>
<form>
<textarea cols="50" rows="10" name="caja">hola a todos mis amigos y muchos besitos
UPSS!!
en realidad, BESITOS para las chicas y un abrazo para los chicos</textarea>
<input type="button" value="Reemplazar" onclick="reemplazar()">
</form>
</body>
</html>

saludos