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>