Effet machine à écrire ou typewriter v1.0

3/5 (24 avis)

Vue 64 739 fois - Téléchargée 8 821 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
25 juin 2004 à 19:56
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
28 oct. 2004 à 15:04
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
20 nov. 2004 à 11:46
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!
cs_jojoss Messages postés 14 Date d'inscription jeudi 24 février 2005 Statut Membre Dernière intervention 15 octobre 2009
17 mars 2008 à 21:15
Bonjour badben,

Superbe ton flash, ca fait un petit moment que j'en cherche un de ce type, malheureusement pour moi je connais rien en flash... et je ne peux rien en faire. a tu dans l'idée de le modofier avec un fichier xml???


encore bravo, il est superbe ton flash

Jojo
minouchka54 Messages postés 1 Date d'inscription samedi 30 décembre 2000 Statut Membre Dernière intervention 25 décembre 2008
25 déc. 2008 à 07:18
Génial ton preloader! C'est léger dans une page web et ça fonctionne sans effort.
Merci, ça m'a été très utile

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.