Afficher un texte à la place d'un autre

Version imprimable

14/05/2006, 16h53
debutant.informatique

Afficher un texte à la place d'un autre

Bonjour,

j'utilise un tableau contenant des messages.
Je veux afficher les messages les uns à la suite des autres, non pas en allant à la ligne mais à la place de l'ancien.

Nouveau texte :
Bonjour

Ensuite il serait remplacé par un autre (qui changera toutes les 15 secondes par exemple)

Nouveau texte :
Je suis debutant

Le texte en gris représente ce qui doit changer...

Je ne sais vraiment pas comment faire...:cry:
D'avance merci pour votre aide;)

Salut :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<html>
<head>
<title>title</title>
<script type="text/javascript">
var messages = new array("msg1", "msg2", "msg3");
var i = 0;
function chg_msg()
{
   document.getElementById('doit_changer').innerHTML = mesages[i++];
}
</script>
</head>
<body onload="chg_msg(); setInterval('chg_msg()', 15*1000);">
<div id="doit_changer"></div>
</body>
</html>

Voici une ébauche vite faite...

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 
var X = {
"Texte <b>1</b>",
"Texte <i>2</i>",
"<a href="javascript:alert('')">Texte 3</a>"
};
var i = 0;
function newText()
{
   i++;
   if (i = X.length) i=0;
   document.getElementById("id").innerHTML = X[i];
}
setInterval(newText, 1000);

Hello la bonne solution est la 1ère postée en ajoutant jste un petit truc!

Supprimer l'interval dans le unload de la page sinon il risque de continuer tant que le navigateur n'aura pas été fermé.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 <html> <head> <title>title</title> <script type="text/javascript"> var messages = new array("msg1", "msg2", "msg3"); var i = 0; function chg_msg() { document.getElementById('doit_changer').innerHTML = mesages[i++]; } </script> </head> <body onload="chg_msg(); var interval = setInterval('chg_msg()', 15*1000);" onunload="interval = null;"> <div id="doit_changer"></div> </body> </html>
Bon courage!

14/05/2006, 22h36
debutant.informatique

Bonsoir,

merci pour vos réponses... cependant je comprends pas pourquoi mais elles se fonctionnent pas.

J'ai essayé le premier et le dernier code mais rien ne s'affiche :cry:

Si pouviez me dire ce que je dois rajouter pour que le code fonctionne.

Merci :P

La j'ai testé le code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
<html>
<head>
<title>titre</title>
<script type="text/javascript">
var i = 0;
 
function chg_msg(){
    var messages = new Array("msg1", "msg2", "msg3");
    document.getElementById('doit_changer').innerHTML = messages[i];
    i = (i%2==0 && i>0)? 0:i+1;
}
 
onload = function(){ chg_msg(); var interval = setInterval('chg_msg()', 15*1000); };
onunload = function(){ interval = null; };
</script>
</head>
<body>
<div id="doit_changer"></div>
</body>
</html>