JMiur [E]

Además de la etiqueta MARQUEE, una forma de conseguir texto en movimiento es haciendo uso de JavaScript.

Javascript es un lenguaje distinto del HTML y, en Blogger, generalmente lo utilizamos en la plantilla o mediante un archivo externo, sin embargo, si la rutina es relativamente simple, también pueden ubicarse en los posts para lograr efectos especiales.

Para ello, debemos colocar el script EN UNA SOLA LíNEA. Por supuesto, hacerlo así no hace otra cosa que crear un código más que confuso por lo que, primero lo escribimos "normalmente" y luego, con cuidado y paciencia, vamos eliminando los saltos de línea.

En este ejemplo, vamos a ver cómo desplazar un texto dentro de un control INPUT de un formulario. El script es el siguiente:
<script language="JavaScript">
var texto='....... el texto .......';

function simumarquee() {
document.formulario.control.value = texto;
texto=texto.substring(1, texto.length) + texto.charAt(0);
demo=window.setTimeout('simumarquee()',100);
}

function STOPsimumarquee() {
window.clearTimeout(demo)
}

</script>
El formulario donde saldrá el texto tendrá este código:
<form name="'formulario'">
<input type="'text'" name="'control'" size="ancho">
</form>
Y vamos a controlarlo con dos pseudo-botones, uno lo activará y el otro lo detendrá:
<a href="javascript:void(0)" onclick="simumarquee();">
EMPEZAR
</a>

<a href="javascript:void(0)" onclick="STOPsimumarquee();">
DETENER
</a>
Y el resultado, será este:




4 comentarios:

Nico  

El script es interesante. Juraría que el botón de stop no lo detenía. hasta que probé a entrar de nuevo y ahí funcionó. Que raro. Será otra vulnerabilidad? :(

Responder
JMiur  

Jajaja, mañana empezamos la campaña y salimos en Menéame :D

La verdad, no me pasó, puede ser que no se hubiera terminado de cargar todo o es que yo uso botones bobos que necesitan que les digan las cosas dos veces.

PD: ¿no era que no se podían poner scripts en los posts? No es una pregunta, así era ¿Qué cambió?

¿Te das cuenta que esto amplia las posibilidades hasta el infinito?

Empezaré a hacer pruebas y habrá más noticias para este boletín.

Responder
*  

hola excelente el script pero tengo una pregunta. si tu haces clic varias veces en empezar, el texto se va aumentando la velocidad; mi pregunta es: ¿por que?

Responder
JMiur  

Sí, es lo que hace porque es un demo, en realidad, si uno lo usara, no debería tener botones sino que habria que ejecutarlo directamente. Si fuera interactivo, habría que agregar algunas instrucciones extras.

Responder

¿Quiere dejar un comentario?

recuerde que los comentarios están siendo moderados y serán publicados a la brevedad ...

Todos los archivos y demos alojados en Fileden han sido redireccionados y deberían estar funcionando correctamente.
De todos modos, también puede accederse a ellos a través de SkyDrive

Nota: sólo los miembros de este blog pueden publicar comentarios.

Si le gusta ir a lo seguro utilice este botón para abrir los comentarios en una ventana modal en esta misma pagina.

Si añora tiempos idos, use este enlace para agregar un comentario al viejo estilo ...

 
CERRAR