Delicious LinkedIn Facebook Twitter RSS Feed

Mensaje dentro de un campo textarea


Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:

El conocimiento es bueno sólo si se comparte. Nada es imposible para una mente dispuesta. Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.El conocimiento es bueno sólo si se comparte. Nada es imposible para una mente dispuesta. Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.
Fuente:
<script language="JavaScript">
/* http://loseasi.blogspot.com
http://loseasi.blogspot.com/2011/09/mensaje-dentro-de-un-campo-textarea.html
By: Vku. */
var posicion1=0
var posicion2=0
var Retardo;
var Fin;
var Mensaje='El conocimiento es bueno sólo si se comparte. Nada es imposible para una mente dispuesta. Espero que este blog ayude a aquellos que están buscando conocimientos, al igual que yo.';

function TipeodeMaquina(NuevoRetardo) {
Retardo = NuevoRetardo;
if (posicion1 > Mensaje.length) {
document.MiFormulario.uterra.value = '';
posicion1 = 0;
posicion2 = 0;
}
else if (Mensaje.substring(posicion1-2,posicion1-1) == '.') {
document.MiFormulario.uterra.value = '';
posicion2 = posicion1-1;
posicion1++;
}
else {
document.MiFormulario.uterra.value = Mensaje.substring(posicion1,posicion2);
posicion1++;
}
Fin = setTimeout("TipeodeMaquina(Retardo) ", NuevoRetardo);
}
</script>
<form NAME="MiFormulario">
<textarea name="uterra" style="width: 600px;height: 50px;
color: #ffffff;font-size: 18px;border: 3px solid #3399FF;background: #99CCFF;" ></textarea>
</form>
<script>TipeodeMaquina(110);</script>

Personalizar:

width = ancho de la caja de texto.
height = alto de la caja de texto.
color = color del texto.
font-size = tamaño del texto.
border = ancho, tipo y color del borde.
background = color del fondo.

TipeodeMaquina(110) = velocidad.
var Mensaje='Acá va el mensaje.';

Si se quiere hacer varias líneas, separar los mensajes con un punto.

Así:

var Mensaje='mensaje 1. mensaje 2. mensaje 3. mensaje 4. mensaje 5.';

Mover el gadget al lugar mas apropiado.

Ejemplo:

0 comments:

Post a Comment