Escribir texto complementario en textbox

[CeRo_ByTe]

Hola a todos.

Alguien podría indicarme algun código de ejemplo o algo parecido para hacer lo siguiente:

Tengo un textbox en el que un usuario puede incluir su texto.
Pero me gustaría hacer, que escriba lo que escriba el usuario dentro de ese textbox, aparezca un texto diferente al que escribe, ya predeterminado.

A modo de ejemplo sería algo asi:

- Yo escribo en el textbox: Hola me llamo CeRo_ByTe
- Y en el textbox aparece: Este tio no me gusta nada

A ver si alguien me puede ayudar ya que quiero estudiar este tipo de ejemplos con los textbox.

Muchas gracias de antemano. Un saludo

[kaninox]

si se puede pero mi pregunta es al enviar? o al momento de ir escribiendo se valla cambiando?
que lo veo mas complicado....

[CeRo_ByTe]

Hola Kaninox.

Lo que me interesaría sería al momento de ir escribiendo que se valla cambiando.

A ver si alguien me puede ayudar porfavor, que necesito este código fuente ;)

[Keysher]

Eso se hace con javascript y con sus eventos (al pinchar en el textbox, o al pulsar una tecla, o al perder el foco, etc...)

Así a bote pronto, diría que hicieses una función que cada vez que se cambiase algo del textbox escribiese la cadena que tú quieres.

Pero ya te digo que esto es JavaScript, preguntalo en ese foro mejor.

[CeRo_ByTe]

Y no se puede hacer en php?

Si es que no, algun moderador sería tan amable de moverme el post al subforo Javascript?

Gracias

[Keysher]

Sólo con PHP no. Podría ser con Ajax, pero creo que aún así se seguirían usando eventos de JavaScript.

De todas maneras no tiene sentido enviar y recibir datos del servidor cada vez que alguien intente escribir algo en un textbox. Y más aún pudiendose hacer directamente desde JavaScript...

[kaninox]

mi pregunta es tu crees que alguien enviaria algo si yo escribo por ejemplo en el textarea...

marcos es el mejor // y al mismo tiempo me lo cambiara a
marcos es gay

???
no seria mejor que al enviar hiciera la conversion con php ya se podria con str_replace(); por ejemplo

pero tendrias que ver varias convinaciones

saludos

[CeRo_ByTe]

Pero la idea es que escriba lo que escriba el usuario, aparezca otro texto diferente ya predeterminado.

De esta forma no debería enviar nada al servidor, por eso creo que es buena idea hacerlo con javascript o Ajax.

A ver si me mueven el post, y alguien del otro foro me explica algun codigo de ejemplo.

Un saludo

[Keysher]

Con Ajax tampoco es buena idea, de igual manera se mandarían los datos al servidor...

Lo lógico es usar JavaScript.

Podría ser algo así:

Código:

<input type="text" name="nombre" id="loquesea" onchange="poner_texto();" />

Y luego una función en Javascript:

Código:

function poner_texto() {
     document.getElementById('loquesea').value = "Texto que tú quieras.";

}

Sería algo parecido a eso, no lo he probado, pero la lógica sería esa. No sé si onchange es un evento válido, creo que sí. Sino sería un onkeyup, por ejemplo.

[Marvin]

mmm... aun no entiendo mucho la utilidad de esto pero aca tienes un ejemplo en javascript:

Código HTML:

<script language="Javascript">
function changeText(){
       document.frm.miInput.value = "Este texto no se puede cambiar";
}
</script>
<form name="frm">
<input type="text" size="100" name="miInput" id="miInput" onKeyUp="changeText()">
</form> 

Suerte!

[CeRo_ByTe]

Hola Marvin, y para hacerlo de modo que yo escriba:

Ejemplo de mi texto: "Hola me llamo Jesús"
Y él escribirá: "No te llamas así"

Pero de modo que yo escriba una H (de hola) y el formulario escriba la N de (No) y asi sucesivamente.

Para que dé la sensación de que estoy escribiendo el texto "No te llamas así", pero en realidad estoy escribiendo "Hola me llamo Jesús".

[Marvin]

Ok... con la misma funcion haces un for y vas poniendo letra a letra:

Código PHP:

  <script language="Javascript"> 
function changeText(texto){ 
    miTexto = new Array("N","o"," ","t","e"," ","l","l","a","m","a","s"," ","a","s","i"); 
    nuevoTexto = ""; 
    if(texto.length <= miTexto.length){ 
        for(i=0;i<texto.length;i++){ 
            nuevoTexto += miTexto[i]; 
        } 
        document.frm.miInput.value = nuevoTexto; 
    }else{ 
        for(i=0;i<miTexto.length;i++){ 
            nuevoTexto += miTexto[i]; 
        } 
        document.frm.miInput.value = nuevoTexto; 
    } 
} 
</script> 
<form name="frm"> 
<input type="text" size="100" name="miInput" id="miInput" onKeyUp="changeText(this.value)"> 
</form>  
  

Lo hice extra basico para que vayas entendiendo como hacer otras por ti mismo.

Suerte