Afficher un texte lettre par lettre

Soyez le premier à donner votre avis sur cette source.

Snippet vu 28 823 fois - Téléchargée 27 fois

Contenu du snippet

ce script genial permet d'afficher lettre par lettre un texte ce qui donne l'impression que quelq'un tape a la machine
cool non?

Source / Exemple :


<html>
<head>
<title>texte defilant comme si l'on ecrivez par mariyn manson</title>
</* il n'y a aucun bug connu. vous pouvez donner un effet de machine a ecrire ou de stylo en 
changeabt l'ecriture. on peut aussi charger un son quand on affiche une lettre. 

</head>
<body>
<DIV STYLE="width:350;height:300;background:BLACK;color:GREEN;border-style:solid;border-width:1;border-color:#000000;font-family:Arial;font-size:14px" ID=bloc></DIV>
<SCRIPT LANGUAGE=JavaScript>

var chaine = "ce kon veut"; 
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;
function changeMessage()
{
document.getElementById("bloc").innerHTML = texte[actual_texte];
actual_texte++;
if(actual_texte >= texte.length)
actual_texte = nb_msg;
}
if(document.getElementById)

setInterval("changeMessage()",100) /* la vitesse de defilement (plus on a une valeur faible plus 
texte s'affiche rapidement) */
</SCRIPT>
</body>
</html>

Conclusion :


pas de bug

A voir également

Ajouter un commentaire

Commentaires

lexlo34op
Messages postés
8
Date d'inscription
mardi 23 mars 2004
Statut
Membre
Dernière intervention
27 juin 2004
-
hello
ta source est tres sympa j'ai tester elle marche super en effet
je me permet pas de la noter etant pas assez bon a ce niveau
par contre petite question
Chez moi ca apparait sur fond noir peux tu stp me dire cmt changer le fond et la couleur ????(du moin a quel endroit)
Bravo
Lexlo34
mickaelpfr
Messages postés
197
Date d'inscription
mardi 18 février 2003
Statut
Membre
Dernière intervention
29 avril 2009
2 -
Pour répondre a lexlo34op et faute de paraitre agressif :

pour le fond noir si tu regarde un peu la source au lieu de faire un bète copier / coller
----
STYLE="width:350;height:300;background:BLACK;color:GREEN;border-style:solid;border-width:1;border-color:#000000;font-family:Arial;font-size:14px"
---
rien qu'en voyant ça : on a un calque de 350px de large sur 300px avec une couleur d'arrière plan noir et comme police de caractère vert...

noir =Black en anglais non ?
donc un peu d'analyse la prochaine fois @++
marilyn_manson
Messages postés
28
Date d'inscription
jeudi 20 mai 2004
Statut
Membre
Dernière intervention
4 janvier 2005
-
voila, mickaelpfr a tres bien repondu. C vrai que cété pas très dur a trouver mais bon, il faut bien des nuls ;-) (je rigole (meme si C pas drole) )

tu peut tres bien la noter, il suffit de selectionner la note 10 et je serais tres reconnaissant.
Skippy2605
Messages postés
8
Date d'inscription
mardi 16 décembre 2003
Statut
Membre
Dernière intervention
16 octobre 2004
-
Et pour faire la même chose mais ligne par ligne, comment ferait-on ?
Chouchoudu26
Messages postés
3
Date d'inscription
mardi 22 juin 2004
Statut
Membre
Dernière intervention
31 août 2005
-
Salut! je débute en JavaScript et j'aimerai un peu d'aide... Voila je n'ai pa compri une partie de ton script :
.innerHTML = texte[actual_texte];
actual_texte++;
if(actual_texte >= texte.length)
actual_texte = nb_msg;
}
if(document.getElementById)

Et surtt le ".innerHTML" qu'est ce que c'est???
Merci d'avance!

Vous n'êtes pas encore membre ?

inscrivez-vous, c'est gratuit et ça prend moins d'une minute !

Les membres obtiennent plus de réponses que les utilisateurs anonymes.

Le fait d'être membre vous permet d'avoir un suivi détaillé de vos demandes et codes sources.

Le fait d'être membre vous permet d'avoir des options supplémentaires.