Script Texte lettre par lettre

**Bero962** · 12/04/2013, 22h48

Bonjour,

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

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.

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.

**NoSmoking** · 13/04/2013, 15h02

Bonjour,

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.

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 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
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>

**Bero962** · 13/04/2013, 18h20

Bonjour Monsieur

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

Script Texte lettre par lettre

JavaScript

Vue hybride

Discussions similaires

Partager

Partager