begin process at 2010 02 09 13:32:27
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs Amusants

 > AFFICHER UN TEXTE LETTRE PAR LETTRE

AFFICHER UN TEXTE LETTRE PAR LETTRE


 Information sur la source

 Description

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

  • <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.
  • merci de menvoyer vos remarque a :"jean.comtet@free.fr" */>
  • </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>
<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. 
merci de menvoyer vos remarque a :"jean.comtet@free.fr" */>

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


 Sources du même auteur

Source avec Zip COMPTER LE NOMBRE DE CARACTERE DE CHAQUE MOT D'UNE CHAINE
Source avec Zip LANCER DE DÉS PERFECTIONNER
LISTE DEROULANTE DES ANNES
LISTE DEROULANTE DES JOURS
Source avec Zip UN BOUTTON QUI SE TRANFORME

 Sources de la même categorie

UN COMPTEUR DE LA DURÉE QUE LES VISITEURS RESTE SUR VOS PAG... par elmersaid
Source avec Zip RECHERCHE DANS UNE PAGE WEB par elmersaid
Source avec Zip Source avec une capture RÉSOUDRE UNE ÉQUATION EN 6 ÉTAPES par Zestyr
Source avec Zip Source avec une capture POST-IT POUR LE WEB par jululu
Source avec Zip Source avec une capture ENIGMES, CASSE-TÊTES À RÉSOUDRE par Bul3

Commentaires et avis

Commentaire de lexlo34op le 11/06/2004 10:21:31

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

Commentaire de mickaelpfr le 11/06/2004 15:54:53

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

Commentaire de marilyn_manson le 12/06/2004 15:22:50

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.

Commentaire de Skippy2605 le 21/06/2004 21:55:32

Et pour faire la même chose mais ligne par ligne, comment ferait-on ?

Commentaire de Chouchoudu26 le 22/06/2004 10:18:13

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 &gt;= texte.length)
actual_texte = nb_msg;
}
if(document.getElementById)

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

Commentaire de slayerz le 23/06/2004 21:00:48

Salut,
le script est tres bien!
Dans la presentation manson dit "on peut aussi charger un son quand on affiche une lettre".
Comme je suis pas un pro du javascript, est ce que qq'un peut m'aider pour faire ca :p
Merccii !!

Commentaire de marilyn_manson le 25/06/2004 10:32:21

pour faire ligne par ligne ,tu fé

&lt;html&gt;
&lt;body&gt;
&lt;DIV STYLE="width:2000;height:400;background:#7B89A9;color:#FFFFFF;border-style:solid;border-width:1;border-color:#000000;font-family:Arial;font-size:12px" ID=bloc&gt;&lt;/DIV&gt;
&lt;SCRIPT LANGUAGE=JavaScript&gt;
texte = new Array;

texte[0] = "premiere ligne&lt;br&gt;";
texte[1] = "premiere ligne&lt;br&gt;deuxieme ligne&lt;br&gt;";
texte[2] = "premiere ligne&lt;br&gt;deuxieme ligne&lt;br&gt;troisieme ligne&lt;br&gt;";


actual_texte = 0;
function changeMessage()
{
document.getElementById("bloc").innerHTML = texte[actual_texte];
actual_texte++;
if(actual_texte &gt;= texte.length)
actual_texte = 0;
}
if(document.getElementById)
setInterval("changeMessage()",100)
&lt;/SCRIPT&gt;

il suffit de placer une balise &lt;br&gt; pour un retour a la ligne. mais au lieu de placer le texte dans un tableau avec for , on identifie les element du tableau manuellement et on doit reecrire ce qu'ona mis dans le tableau precedent (ce qui est plus chien, c pour sa que j'ai fait se script.) si on veut faire lettre par letre avec un retor a la ligne, il suffit de mettre une balise &lt;br&gt; ou on veut.

pou inner.html je peux pas eclairer chouchou car je n'ai pas fait cette partie du script (et oui moi aussi je debute)
je n'ai fait que la parti qui classe la chaine dans un tableau

il faut demander a un pros et si qq'un a la reonse merci de me le dire

Commentaire de marilyn_manson le 25/06/2004 10:36:39

pour repondre a slayerz, il faudrait faire un script qui identifie si le caractere est une lettre ou un espace blanc et qui  chare un son quand c une lettre mais je peux pas faire sa prcq quand je charge un son mon ordi plante (se n'est pas une vielle escuse pour ne pas le faire)

salut

Commentaire de Chouchoudu26 le 01/07/2004 19:21:29

C'est bon j'ai trouvé! Alors en fait ce fameux ".innerHTML" sert simplement a insérer la valeur de "texte[actual_texte]"  dans le node portant comme ID "bloc", c'est à dire entre les balises &lt;DIV&gt;! Au passage : on est pas obligé de faire ce script à l'intérieur d'un cadre : il suffit alors de supprimé "width:200;height:200;border-style:solid;border-width:1;border-color:#000000;" é voila!!!! alé salut!

Commentaire de bibi_81 le 09/10/2004 00:01:39

je veux dire que j'ai Dreamweaver MX 2004 7.0.1 et je tien a dire que
<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>
contient des erreurs ... ou alor je sais plus quoi faire parceque je l'ai enregistrer en *.asp sa voulais bien mais je pouvais pas admirer apres jai mi *.html et sa ne marchai tjrs pas pas ... PKOI ?

Commentaire de bibi_81 le 09/10/2004 00:03:29

et je pense aussi que Macromedia Dreamweaver MX 2004 est un tres tres tres tres tres bon logicile pour faire ses sites (je ne peux donner de nom tellement il fait de chose ...)

Commentaire de bibi_81 le 09/10/2004 00:05:06

je lai aussi mi avec *.js sa veut pas ... :'(

Commentaire de algori le 06/02/2005 00:37:32

C'est clair que ça marche bien.

Commentaire de marilyn_manson le 06/02/2005 20:16:49

si vous amez bien ma source, notez-moi mieux, j'ai que 6/10

Commentaire de algori le 06/02/2005 20:24:16

Peux pas, j'ai déjà noté...  :-)

Commentaire de marilyn_manson le 07/02/2005 17:33:20

j'espere que ta mit 10 :-)

Commentaire de algori le 07/02/2005 18:11:33

Désolé ! J'ai mis 9. Tu m'en veux pas, j'espère ?   ;-)

Commentaire de Arto_8000 le 25/03/2005 22:27:42

Pour le faire ligne par ligne t'as juste à remplacer

var tableau = chaine.split("");
par
tableau = chaine.split("\n");

Commentaire de Nagual65 le 29/03/2005 10:00:57

Salut marilyn_manson
j ai bien aimé ton script
je suis Nagual65 debutant.

ta note et 8/10


Commentaire de quentinligier le 19/05/2005 18:40:39

Désolé il y a un bog je crois. J'ai essayer ton code et ça a afficher:
1. 2. 3. 4.  7. 8. 9. 10.
(grand carré noir)
11.  38. 39.
Il faudrait trouver ce qui ne marche pas...
PS: J'utilise Mozilla Firefox 1.0.3 .
Mon mail c'est ligierquentin@yahoo.fr
Sinon il a pas l'air mal ton code...

Commentaire de quentinligier le 19/05/2005 18:41:37

Il ya un bug avec mozilla firefox je crois
sinon ca a pas l'air mal...

Commentaire de JackNUMBER le 03/08/2007 13:33:26

on peut mettre du HTML dans la chaine !
so gooood :P

petit bug en effet sous FireFox, quand il y a un retour à la ligne un < apparait mais disparait aussitôt
ça rajoute du style xD

bonne sources ! 10/10 !

Commentaire de jy2m le 26/08/2009 17:32:57

Bonjour,

S'il y a encore quelqu'un (après tout ce temps), auriez-vous l'amabilité de me dire ce qu'il faudrait ajouter au script pour que la phrase qui s'écrit lettre par lettre s'efface lorsque tout s'est affiché et que tout recommence du début et ceci indéfiniment ?

En vous remerciant par avance...

(26/08/2009)

 Ajouter un commentaire




Nos sponsors


Appels d'offres

Sondage...

Comparez les prix

CalendriCode

Février 2010
LMMJVSD
1234567
891011121314
15161718192021
22232425262728

Consulter la suite du CalendriCode

 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,530 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales