Comment afficher un texte comme une machine à écrire en Javascript ?

 

par meltech1 |

     
Comment afficher un texte comme une machine à écrire en Javascript ?

Vous avez remarqué qu'avec une machine à écrire le texte s'affiche lentement et se déroule petit à petit. On a vu dans un article précédent qu'on pouvait afficher un texte lettre par lettre mais ce n'était pas l'effet machine à écrire car il n'y a pas le curseur. Dans cet article on ajoute le curseur de la machine à écrire.

Quelles sont les fournitures nécessaires ?

  • Internet Explorer
  • Logiciel Bloc Notes

Étapes de réalisation

1.

On commence par ouvrir votre page Internet avec le logiciel Bloc Notes. Vous obtenez ainsi le code source qui est le programme de votre site Internet. Vous cherchez la balise <body>.

2.

Dans la balise <body> veuillez insérer le script suivant dans les <> :
<body onload="init()">

3.

Maintenant sous la balise <body> veuillez insérer le script suivant :
<div id="bulle"></div>
<script language="JavaScript">
var i=0
var j=0
var texteNE, affiche
var texte="Avec la machine à écrire, vous faîtes défiler du texte après le chargement de la page avec le curseur de frappe ... <br> Avec des liens en plus : <a href="">Comment fait-on ?</a>"
var ie = (document.all);
var ne = (document.layers);
function init(){
texteNE='';
machine_a_ecrire();
}
function machine_a_ecrire(){
texteNE=texteNE+texte.charAt(i)
affiche='<font face=verdana size=1 color=black><strong>'+texteNE+'</strong></font>'
if (texte.charAt(i)=="<") {
j=1
}
if (texte.charAt(i)==">") {
j=0
}
if (j==0) {
if (document.getElementById) { // avec internet explorer
document.getElementById("bulle").innerHTML = affiche;
}
}
if (i<texte.length-1){
i++
setTimeout("machine_a_ecrire()",100)
}
else
return
}
</script>

4.

Pour terminer enregistrez le tout avec Bloc Notes et ouvrez avec IE. Vous remarquez que l'effet machine à écrire y est et en plus vous avez même un lien Comment fait-on ?

Astuces et mises en garde

Astuce(s) :

Pour modifier le lien allez dans la balise <body>.

Sur le même thème

damneya

Comment ajouter des métadonnées sur iWeb ?

Pour attirer des visiteurs sur un site internet, il est important d’ajouter à son site des métadonnées et des mots-clés qui seront recherchés dans les moteurs de recherche. Pour ajouter des métadonnées sur iWeb sans éditer le code HTLM brut, pre

kat5

Comment utiliser le logiciel Dreamweaver ?

Dreamweaver est un logiciel permettant de concevoir un site Internet. Et comme tout logiciel, il est simple d'utilisation, mais certaines bases sont nécessaires. Alors à vos claviers, à votre souris, nous allons partir à la découverte de ce logiciel

damneya

Comment créer un blog ?

Un blog ou plus exactement un weblog est un site personnel que vous pouvez créer pour vous exprimer sur vos points de vues. Quelles étapes faut-il suivre pour créer un bon blog?

Chercher un article sur Comment fait-on