Effet machine à écrire ou typewriter v1.0

Soyez le premier à donner votre avis sur cette source.

Vue 62 917 fois - Téléchargée 8 731 fois

Description

Un Effet de texte tout simple, qui ressemble à celui d'une machine à écrire appelé effet TypeWriter entièrement réalisé en ActionScript.

Attention quelques règles à respecter :
Si vous mettez des balises HTML, evitez les listes <li> et les images <img...
sinon votre texte va entièrement bugger et vos images ne s'afficheront pas.
Les autres balises elles marchent à peu près toutes.

A vous de customizer votre animation pour qu'elle soit plus esthétique.

Si flash vous affiche toujours les balises HTML lors du rendu c'est que les balises HTML ne sont pas activés sur la zone de texte. Cliquez sur l'icone <A> puor activer ces balises.

Source / Exemple :


//---------- Typewriter v1.0 by badben ----------//
//
//Texte à afficher comprenant des balises HTML
texte = "Bonjour,<br><b><font color='#FF00FF'>ici le typewritter</font></b>";
//Taille du texte à afficher
taille = texte.length;
//variable du champ de texte "contenu" initialisée
contenu = "";
//variable initilisée à 0
i = 0;
//"type" designe le nom de la fonction "SetInterval",
//"SetInterval" = La fonction "typewriter()" sera lancée toutes les 20 ms 
type = setInterval(typewritter, 20);
//fonction qui va ajouter une lettre à chaque fois quelle sera lancée
function typewritter() {
	//on ajoute la lettre à la position "i" à la fin de la variable "contenu"
	contenu = contenu+texte.charAt(i);
	//incrémentation de "i" pour ajouter la lettre suivante
	i++;
	//si "i" est égal à la taille du texte cela veut dire qu'il a finit d'afficher tous les caractères
	//cela permet d'éviter de laisser tourner le "setInterval" idéfiniment
	if (i == taille) {
		//Arrêt de la fonction "SetInterval"
		clearInterval(type);
	}
}

Codes Sources

A voir également

Ajouter un commentaire

Commentaires

16r
Messages postés
4
Date d'inscription
vendredi 21 mai 2004
Statut
Membre
Dernière intervention
25 juin 2004
-
joli ... joli :) ca seré kan meme mieu si il y avé une police plus adaptée (machine a ecrire justement) et pis un peu plus d'effets graphiques lol .. Sinon c'est bien :)
cs_SirHK
Messages postés
8
Date d'inscription
vendredi 20 décembre 2002
Statut
Membre
Dernière intervention
14 juin 2006
-
Bah moi j'adore c simple c marche c nikel :)
vtoma95
Messages postés
1
Date d'inscription
mercredi 2 juin 2004
Statut
Membre
Dernière intervention
20 novembre 2004
-
Comment faire pour avoir 2 textes à des endroits différents? Ce programme marche pour un seul texte au départ et j'aimerais y placer un second mais je ne suis pas parvenu à adapter le code...Merci pour votre aide!
snotsnot
Messages postés
2
Date d'inscription
mardi 9 septembre 2003
Statut
Membre
Dernière intervention
10 janvier 2005
-
ba la presentation est po forcement tres esthetique mais le fonctionnement est bien expliqué , c est le principal :-)
choinet
Messages postés
89
Date d'inscription
mardi 8 février 2005
Statut
Membre
Dernière intervention
3 novembre 2008
-
ya pas moyen d'importer un fichier txt ou Xml, plutot que de se taper le texte à réecrire dans les lignes de prog? Sinon, le principe est interessant.

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.