Bonjour à toutes et à tous,
Je me suis mis assez récemment au développement web, et je bloque sur un petit problème.
J'ai utilisé un script réalisé par marilyn-manson (pas le chanteur je crois ^^) qui me permet d'afficher un texte lettre par lettre.
Je voudrais faire en sorte que ce texte change en fonction de l'endroit où clique le visiteur (sans changement de page). J'ai essayé pour cela d'utiliser des <INPUT.../>. Voilà mon code:
Donc lorsque je clique sur mon bouton "changer", sous mozilla firefox tout le texte va s'écrire puis disparaitre pour laisser place à "undefined", tandis que sous IE le texte va rester mais dans la barre du bas il va être écrit "Erreur sur la page".
Code : 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" dir="ltr" lang="fr"> <head> <title>Yami no tenshi - Bienvenue sur mon site !</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <SCRIPT LANGUAGE=JavaScript> function changeMessage() { document.getElementById("zone").innerHTML = texte[actual_texte]; actual_texte++; if(actual_texte >= texte.length) actual_texte = nb_msg; } function affiche_txt() { var chaine=document.getElementById("monInput").value; var nb_car = chaine.length; var tableau = chaine.split(""); texte = new Array; var txt = ''; var nb_msg = nb_car - 1; for (i=0; i<nb_car; i++) { texte[i] = txt+tableau[i]; var txt = texte[i]; } actual_texte = 0; if(document.getElementById) setInterval("changeMessage()",30); } </SCRIPT> </head> <body> <div id="banniere"> <input type="hidden" id="monInput" value="ma phrase de base" /> </div> <div id="test"> <input type="button" value="Change" onClick="document.getElementById('monInput').value='nouvelle phrase'; affiche_txt();" /> </div> <div id="zone"> Essai </div> </body> </html>
Donc voilà je voulais savoir si vous aviez des idées pour résoudre mon problème, en espérant avoir été assez clair...
Je vous remercie par avance!
Yami
Partager