RE:Crear una rutina de dezplamiento de texto (->
Pongo la solucion por si ha alguien mas le sirve en un futuro.
--------------------------------------------------------------------------------------------------------------------
<html>
<head>
<title>Texto en la barra de estado</title>
<style type='text/css'>
* {
font-family: 'Arial Narrow';
font-size: 14px;
letter-spacing: 2px;
}
input {
border: silver 1px solid;
width: 50px;
text-align: center
}
textarea {
border: silver 1px solid;
width: 180px;
height: 80px;
overflow: hidden;
}
button {
border: silver 1px solid;
background: transparent;
width: 100px;
height: 40px;
text-transform: uppercase;
}
#contenedor {
position: relative;
width: 250px;
margin-left: auto;
margin-right: auto;
text-align: center;
border: silver 4px double;
overflow: hidden;
padding: 10px 10px 10px 10px;
}
#sup {
font-size: 11px
}
</style>
<script language='javascript'>
// Funcion que permite acceder al elemento.
function $(elm){
return document.getElementById(elm)
}
// Variables globales.
var msj
var vel
var sto
function txt(){
msj = msj.substr(msj.length - 1,1) + msj.substr(0,msj.length - 1) /* Recorre la ultima letra del msj al inicio */
window.status = msj /* Mensaje en la barra de estado */
//document.title = msj /* Titulo de la pag. */
sto = setTimeout('txt()',vel) /* Ejecuta la funcion cada cierto tiempo */
}
// Asigna valores a las variables
function inicia(){
msj = $('txtMsj').value
vel = parseInt($('txtSeg').value * 1000)
clearTimeout(sto) /* Limpia el setTimeout si es que existe para evitar problemas. */
txt() /* Inicia el movimiento */
}
</script>
</head>
<body>
<div id='contenedor'>
<label>Ingresa el texto que quieres ver en la barra de estado.</label>
<br /><br /><br />
<textarea id='txtMsj' name='txtMsj'></textarea>
<br /><br /><br />
<label>Velocidad en segundos.</label>
<br /><br /><br />
<input type='text' id='txtSeg' name='txtSeg' value='' maxlength='3'>
<br />
<label id="sup">*Recomendados .05</label>
<br /><br /><br />
<button type='button' onClick="inicia()">Cambiar</button>
</div>
</body>
</html>
--------------------------------------------------------------------------------------------------------------------
Salud!os!