begin process at 2012 02 06 01:41:24
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > 

Code

 > 

Trucs Amusants

 > AFFICHER UN TEXTE LETTRE PAR LETTRE

AFFICHER UN TEXTE LETTRE PAR LETTRE


 Information sur la source

Note :
8 / 10 - par 9 personnes
8,00 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs Amusants Classé sous :Texte, Lettre, machine Niveau :Débutant Date de création :10/06/2004 Date de mise à jour :24/09/2011 12:17:27 Vu :16 954
Auteur : marilyn_manson

Ecrire un message privé
Commentaire sur cette source (23)
Ajouter un commentaire et/ou une note

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


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


 Historique

24 septembre 2011 12:17:27 :
Adresse mail en claire

 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
Toutes les sources de marilyn_manson

 Sources de la même categorie

Source avec Zip IMAGES DÉFILANT SUR UN CYLINDRE (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DÉFILANT VERTICALEMENT (SCROLLING IMAGES) par william voirol
Source avec Zip IMAGES DANSANTES 4: MOUVEMENT DE LA TORTUE par william voirol
Source avec Zip IMAGES DANSANTES 3: MOUVEMENT ALÉATOIRE ORIENTÉ par william voirol
Source avec Zip IMAGES DANSANTES 2: MOUVEMENT ALÉATOIRE SANS SUPERPOSITIONS par william voirol
Toutes les sources de la catégorie Trucs Amusants

 Sources en rapport avec celle ci

Source avec Zip MACHINE À SOUS par loicseg
CHANGER LA TAILLE DU TEXTE ET OU DE FEUILLE DE STYLE AVEC EN... par Annadrill
TAILLE DE TEXTE EN FONCTION DE LA RÉSOLUTION par tefa24600
Source avec Zip Source avec une capture EFFET DE TEXTE EN CSS3 par kazma
Source avec Zip COMPRESSION DE TEXTE CÔTÉ CLIENT EN JS VIA ALGORYTHME LZW par niamor36

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


Discussions en rapport avec ce code source dans le forum

tronquer un texte [ par alonsyl ] bonjour,je voudrais savoir quelles sont les commandes permettant de tronquer un texte (recuperer d'un formulaire) ou encore mieux, de le parcourir let Editeur wysiwyg dans un div [ par picolo220 ] Bonjour, je suis en train d'essayer de réaliser un éditeur wysiwyg.Pour l'instant je m'intéresse seulement à firefox, je verrai plus tard pour IE.J'ai fichier texte affiché dans page html [ par pyves31 ] Bonjour, je suis un peu débutant en html et je voudrais savoir si c'était possible de pouvoir afficher un fichier texte (.txt ou . doc ou autres) dans Comment détecter les simples et les doubles saut de ligne dans un textarea (BBCode) ? [ par fabiano13 ] Bonjour,Comment détecter les simples et les doubles saut de ligne dans un textarea ?D'avance merci,Fabiano13&lt;html&gt; &lt;head&gt;&lt;title&gt;Pr Quel est la bonne l'expression régulière pour une liste à puce (BBCode) ? [ par fabiano13 ] Re: Bonjour,J'ai un problème en ce qui concerne la détection de plusieurs listes à puce en BBCode.Pas de problème pour une seule liste à puce, mais lo selectionner tout dans un text.box sur le onclic [ par inkydjango ] salut a tous !je voudrais que sur un evement  onclic d'une textbox, celle ci me selectionne tout le texte present qui est : "inserer votre texte"&lt;i enlever le son quand on presse la touche Entrer sur un champ texte [ par sagat06 ] Bonjour à tous,j'aurai voulu dans un formulaire permettre à l'utilisateur d'aller d'un champs texte à l'autre via une pression sur la touche Entrer. J Alimenter une zone texte à partir d'une zone déroulante [ par ecolom ] Bonjour à tous et surtout, BONNE ANNEEAprès de nombreux essais je me résigne à faire appel à l'équipe du net.En fait, j'essaie d'alimenter une zone de Variable GET contenant un & [ par ov3rdoze ] Bonjour à tousJ'utilise une fonction dans laquelle un objet XmlHttpRequest doit envoyer le contenu d'un champs de formulaire.xhr.send ("&amp;methode=1


Nos sponsors


Sondage...

Comparez les prix


Samsung Galaxy S
Entre 529€ et 529€

Visiter le guide achat

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

Consulter la suite du CalendriCode

Photothèque

Photo Beautiful woman in a bikini meditating on the beachPhoto Renewable Energy is Within Reach
Photo Single Large Rock Formation in Monument Valley 

Visiter la photothèque
 
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,312 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)