Bonjour,

j'ai fait un code qui ne marche pas mais sais pas pourquoi :
Code html : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  <meta http-equiv="Content-Type"
 content="text/html; charset=ISO-8859-1">
  <title>Texte defilant</title>
  <style>
#texte {
width:640px; /* taille du div */
height:480px;
border:1px solid black;
position: absolute;
overflow:hidden; /* la partie des objets qui dépasse du div est cachée*/
}
#contenu {
position: absolute; 
}
</style>
</head>
<body>
<div id="texte">
<p id="contenu">bla bla</p>
</div>
</body>
</html>
Code javascript : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
var TexteNode;
var ContenuNode;
var posx,texteposx;
var depart;
function init() {
TexteNode=document.getElementById("texte"); // récupération du div
TexteHeight=TexteNode.offsetHeight; // lecture de l'offset hauteur du div (html)
posx=0;
depart=0; 
setInterval("move()", 30); // appel fct move ttes les 30 ms
} 
function move() {
posx+=1;
texteposx=depart+posx+1;
contenu.style.top=texteposx+"px"; /* écriture position du texte (CSS pour écrire)*/ 
if ((texteposx>=TexteHeight)) { posx= 0;}
}
window.onload = init;