mover elemento id

maitep · #1 (**permalink**) 18/08/2008, 06:18

hola foro

quiero que la informacion que tengo en un string se me muestre por pantalla pero moviendose de derecha a izquierda y que cuando el string termine vuelva a empezar

no he encontrado ningun ejemplo solo este pero me da un error
les pongo el código
<script>
mov=true

function movimiento() {
if (mov) {
var diff = document.getElementById("teletipo").scrollWidth - document.getElementById("teletipo").offsetWidth;
document.getElementById("teletipo").scrollLeft += 2;
if (document.getElementById("teletipo").scrollLeft >= diff) {
document.getElementById("teletipo").scrollLeft = 0;
}
}

setTimeout("movimiento()", 35);
}

function parar() {
mov = false;
}

function activar() {
mov = true;
}

movimiento();

</script>
</head>

el error es este, pero nose porque

document.getElementById("teletipo") is null
movimiento()localhost:3000 (línea 58)
localhost:3000()()

espero me puedan ayudar
si alguine sabe de algun ejemplo deonde se haga esto que yo quiero hacer le agradeceria me lo pasara

muchas gracias

Panino5001 · #2 (**permalink**) 18/08/2008, 06:35

Tu duda no pertenece a AJAX sino a javascript. Si ubicás las preguntas en los foros correctos recibirás ayuda más rápido.

GatorV · #3 (**permalink**) 18/08/2008, 07:53

Tema trasladado a Javascript.

David · #4 (**permalink**) 18/08/2008, 08:05

¿Cuál es el código HTML relativo a la función?
¿Dónde está definido "teletipo"?

maitep · #5 (**permalink**) 18/08/2008, 08:50

gracias por contestar a todos
esta es el código de html

</head>

<body>
<div id="contenedor">

<div id="menu">
</div> 

<div id="contenido">
<div id="teletipo"> aqui</div>
<div id="principal">

esta es la parte correspondiente al teletipo

Panino5001 · #6 (**permalink**) 18/08/2008, 09:29

Fijate si esto te sirve:

Código PHP:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> 
<title>test</title> 
<script> 
var desde=0,i=0,maximocaracteres=10,mensaje='esto es un ejemplo';; 
function mostrar() { 
    var descr=document.getElementById('pp').innerHTML; 
    if(descr.length>maximocaracteres)desde++; 
    if(i>=maximocaracteres)i=maximocaracteres; 
    if(desde>=mensaje.length-maximocaracteres) { 
        desde=0; 
        i=0; 
    }else{ 
            i++; 
    } 
    document.getElementById('pp').innerHTML =mensaje.substr(desde, i); 
    if(mensaje.length<=maximocaracteres) 
        document.getElementById('pp').innerHTML =mensaje; 
} 
function inicio(){ 
    setInterval('mostrar()',250); 
} 
window.onload=inicio; 
</script> 
</head> 
 
<body> 
<div id="pp"></div> 
</body> 
</html>