Script Texte lettre par lettre

Bonjour,

J'ai téléchargé le script Faire défiler du texte lettre par lettre (Effet machine à écrire) et je vous en remercie. :zoubi:

Toutefois, pour des raisons inconnues, je n'ai pu l'utiliser parce qu'à la fin du texte que je voulais modifier, il fait bondir ou sauter d'une ligne le cadre suivant. :cry:

Voir l'exemple sur mon site.

http://genealogistes-associes.ca/tes...%20lettre.html

PS si vous faites une correction, serait-ce possible d'enlever le souligné "_" pour ne voir que les lettres dans le visionnement du script.

Merci.

Bonjour,

Citation:

il fait bondir ou sauter d'une ligne le cadre suivant.

c'est la structure de ta page, plutôt de la balise modifiée, qui est en cause, quand elle est vide elle n'a plus de hauteur donc fait remonter les éléments suivants.

Citation:

serait-ce possible d'enlever le souligné "_" pour ne voir que les lettres dans le visionnement du script

c'est un effet de curseur qui se déplace, il suffit de ne pas rajouter celui ci au texte en cours d'affichage.

Exemple complet
Code:

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 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>typewriter</title> <style> #lien{ font-size:2em; color:#44F; height:2em; line-height:2em; text-align:center; } </style> <script type='text/javascript'> var letexte = 'Les modèles 2014 sont arrivés.'; var montimer; var cmpt = 0; function typewriter(){ lelien = document.getElementById('lien'); if(cmpt < letexte.length){ courant = lelien.innerHTML.substring(0, lelien.innerHTML.length); courant += letexte.charAt(cmpt)+""; lelien.innerHTML = courant; } else{ lelien.innerHTML = ""; cmpt = -1; } cmpt++; setTimeout("typewriter()",100); } window.onload = function(){ typewriter(); } </script> </head> <body> <p id="lien"></p> </body> </html>

Texte lettre par lettre-suite

Bonjour Monsieur

Merci infiniment pour les modifications, ça fonctionne très bien maintenant.:P