begin process at 2012 02 07 07:51:35
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Effets de textes

 > ENCORE UN TEXTE DÉFILANT MAIS HORIZONTALEMENT ( DU TYPE MARQUEE EN HTML)

ENCORE UN TEXTE DÉFILANT MAIS HORIZONTALEMENT ( DU TYPE MARQUEE EN HTML)


 Information sur la source

Note :
7,17 / 10 - par 6 personnes
7,17 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Effets de textes Classé sous :marquee, textedéfilant, textecontinu, tourneenboucle, raccouricirtexte Niveau :Débutant Date de création :20/09/2005 Date de mise à jour :30/11/2005 08:37:23 Vu / téléchargé :36 608 / 6 737

Auteur : f6xara

Ecrire un message privé
Site perso
Ce membre participe au partage de revenus publicitaires
Commentaire sur cette source (14)
Ajouter un commentaire et/ou une note


 Description

Cliquez pour voir la capture en taille normale
Voilà un texte défilant tout simple pour les champs texte trop courts

Source

  • /*-----------------------------------------------------*/
  • /* paramétrage de la fonction faisant défiler un texte */
  • x = 30; // nombre de lettre à afficher
  • vitesse_defil = 200; // vitesse de défilement par lettres en ms
  • texte_defilant = 'mon texte défilant trop long pour etre affiché'; // texte défilant
  • /*-----------------------------------------------------*/
  • texteDef = _level0.texte_defilant;
  • function defil(){
  • texteDef = texteDef.substring(1,texteDef.length); // on retire le permier caractère
  • while(texteDef.length < x)
  • {
  • texteDef += " - " + texte_defilant; // on ajoute à la suite le texte à répéter
  • }
  • _level0.contenu =texteDef; // on met à jour le texte dans le champs texte
  • }
  • if(texte_defilant.length<=x){ // si le texte est trop court pour défiler, on l'affiche tel quel
  • _level0.contenu =texteDef;
  • }else{
  • temp = setInterval(defil,100); // si le texte est plus long que la zone de saisie, on le fait défiler
  • }
/*-----------------------------------------------------*/
/* paramétrage de la fonction faisant défiler un texte */
x = 30; // nombre de lettre à afficher
vitesse_defil = 200; // vitesse de défilement par lettres en ms
texte_defilant = 'mon texte défilant trop long pour etre affiché'; // texte défilant
/*-----------------------------------------------------*/


texteDef = _level0.texte_defilant;
function defil(){
	texteDef = texteDef.substring(1,texteDef.length); // on retire le permier caractère
	while(texteDef.length < x)
		{
		texteDef += " - " + texte_defilant; // on ajoute à la suite le texte à répéter
		}
	_level0.contenu =texteDef;	// on met à jour le texte dans le champs texte
}

if(texte_defilant.length<=x){ // si le texte est trop court pour défiler, on l'affiche tel quel
	_level0.contenu =texteDef;	
}else{
	temp = setInterval(defil,100); // si le texte est plus long que la zone de saisie, on le fait défiler
}

 Conclusion

J'ai cherché (peut etre voir surement mal) sur ce site un effet similaire mais en recherchant texte défilant je ne suis tombé que sur des textes multilignes dont le défilement se faisait verticalement.
Rien de bien compliqué.

 Fichier Zip

Les Membres Club peuvent télécharger directement un fichier contenu dans le zip sans télécharger le zip en entier !

Télécharger le zip


 Historique

30 novembre 2005 08:37:23 :
Mise à jour des mots clé pour les recherches

 Sources de la même categorie

Source avec Zip Source avec une capture TEXTE LETTRE PAR LETTRE AS3 par maxouye
TYPEWRITER V2.0 - EFFET MACHINE À ÉCRIRE (VERSION PROTOTYPE)... par badben
Source avec Zip NEWS FLUIDE AVEC ARRET AU PASSAGE DE LA SOURIS ET TEXTE HTML... par pentahertz
Source avec Zip TEXTE DÉROULANT AVEC EFFET DE RALENTI par lp5
Source avec Zip Source avec une capture LAZERTEXTEFFECT par hattabking

Commentaires et avis

Commentaire de vincseize le 21/09/2005 14:37:15

bien pratique mon cher, cela va servir !!!  thx pour ta contribution !

Commentaire de goldenboy68 le 21/09/2005 17:45:25

Hmmm...10/10? Ok, ça marche peut-être, mais t'aurais dû passer par le forum pour demander comment on pourrait faire ton effet...tu t'es amusé pour rien (ça fait pas de mal de se creuser les méninges, donc pas totalement pour rien! lol).

Bref, pourquoi:
this.onEnterFrame=function(){
this.test.hscroll+=2;
}

'test' étant une zone de saisie par exemple. Si tu lui attribues une valeur à l'origine, ça va défiler et s'arrêter tout seul. Si tu insères du texte dans l'anim, le texte défile automatiquement!   C'est pas génial ça?

...en tout cas, c'est peut-être la raison pour laquelle tu n'as pas trouvé de code qui reproduise un tel défilement! lol

@+! Samy (6/10 car ça fonctionne...même si je l'utiliserai sans doute jamais)

Commentaire de f6xara le 21/09/2005 18:13:29

Je me trompe peut etre mais avec  this.test.hscroll+=2; le texte va défiler une fois puis s'arréter et non pas tourner en boucle

Commentaire de vincseize le 21/09/2005 19:26:53

Je me trompe peut etre mais avec  this.test.hscroll+=2; le texte va défiler une fois puis s'arréter et non pas tourner en boucle


je suis assez d accord ... 'est pour cela que je trouvais le   this.test.hscroll+=2  assez limité ....

Commentaire de goldenboy68 le 21/09/2005 19:41:59

Pour faire défiler de gauche à droite et inversement:

//CODE***********
this.contenu.text="de toute façon ça tourne en boucle aussi";
this.onEnterFrame=function(){
if(sens=="2"){
if(this.contenu.hscroll<=0){
sens="1";
}else{
this.contenu.hscroll-=2;
}
}else{
if(this.contenu.hscroll==this.contenu.maxhscroll){
sens="2";
}else{
this.contenu.hscroll+=2;
}
}
}
//**************************************

Pour faire défiler en boucle (mais c'est vrai que là ça saccade):

this.contenu.text="de toute façon ça tourne en boucle aussi";
this.onEnterFrame=function(){
if(this.contenu.hscroll==this.contenu.maxhscroll){
this.contenu.hscroll=0
}else{
this.contenu.hscroll+=2;
}
}


Enfin, un setInterval qui imite ta fonction, mais en plus court:

// *********CODE****************
this.contenu.text="de toute façon ça tourne en boucle aussi";
this.delai=100;
intervalleDeplacement=setInterval(function(){
_root.varTexte=_root.contenu.text;
_root.contenu.text=_root.varTexte.substring(1,_root.varTexte.length)+_root.varTexte.charAt(0);
},_root.delai);
//******************************

@+! Samy

Commentaire de f6xara le 22/09/2005 08:42:09

yes merci goldenboy68 pour ce commentaire plus qu'instructif :)

Commentaire de goldenboy68 le 22/09/2005 09:46:36

Lol...disons que pour un cas précis, avec un besoin bien particulier, on peut sans doute avoir besoin de ta fonction...mais en général il vaut mieux utiliser les propriétés toutes faites et essayer de s'en sortir avec!

...y'a d'autres façon de faire encore (ex: un masque et changer simplement la position sur X du texte, avec p-ê une duplication pour simuler la boucle)

Ou alors tu nous crées un composant TexteDéfil (mais je crois que ça existe déjà...va voir sur Macromédia, y'a plein de trucs intéressants!)

@+! Samy

Commentaire de hubeert1 le 23/09/2005 20:46:50

coucou..

function defile(texte,couleur){
    u="                                                  "+texte;
champ.textColor=couleur;
if( index++<u.length){
champ.text=u.slice(index)}else{index=0;}}
puis sur un evenement quelquonque
intervalle =setInterval(defile,50,"montexte",0x99ff00);

par exemple champ etant le nom d'un champ ou lon fait defiler le texte autant qu'on ne clear pas le setIntervalle.. mais bon ca ne rajoute pas grand chose de plus

Commentaire de Blacknight91titi le 26/09/2005 19:05:27

Pratique il faut l'avouer mais je ne sais pas si sa va me servir....
Toutefois la contribution est bonne

7/10

Blacknight

Commentaire de on_drag_on le 04/10/2005 02:17:33

ouaip, suis pas très convaincu... le problème (quelques soit l'option choisie) c'est que ça saccade quand même sérieusement... pire quand on importe une police.
j'ai même essayé une interpolation, tiens, pour rire, et la c'est le stromboscope.
à défaut de mieux la méthode de Samy me paraît encore la meilleure,
difficile à dire.
Par contre pour ce qui est de l'utilité, elle me paraît indiscutable. Par ex. annoncer une date en bas de page, le fait que ça défile capte l'attention de l'internaute.
Bon, a+.
(//)

Commentaire de janetdream le 04/01/2007 16:54:58

Sammy, comment appliqué cet éffet a un texte dynamique ? C'est dans le cadre de la réalistation d'une radio... j'aimerais faire défiler les titres trop longs...

Commentaire de goldenboy68 le 04/01/2007 17:07:05

le code donné fonctionne pour des textes statiques ou dynamique normalement.

@+

Commentaire de hubeert1 le 05/01/2007 09:37:12

un autre code..
qui permet de definir la vitesse sur X sur y la couleur du texte le nombre de fois; le sens haut/bas ou bas/haut droite/gauche et inversement..

function defile(champ,texte,sens,vitesse,debutx,debuty,multiligne,couleur,fois,bashaut) {
champ.selectable=false;
champ.autoSize=true;
champ.wordWrap = multiligne;
champ.text=texte;
champ.textColor=couleur;
sens=="_x" ? (valeur=champ._width,debut=debutx) : (valeur=champ._height,debut=debuty) ;
champ[sens] -= vitesse*bashaut;
if (champ[sens]<=0-valeur && z<fois) { champ[sens] = debut;z+=1 } }

par exemple; ici pour des raisons pratiques monchamp est un texte dynamique caché..  


intervalle = setInterval(defile, 20,fchamp2.monchamp,fchamp2.monchamp.text,"_y",1,0,150,true,0x99ff00,2,1);

Commentaire de fauve1 le 19/05/2010 23:36:52

et bien qui suis debutant
impossible de faire marchè ce code
SOS quelqu'un peut il m'aider

 Ajouter un commentaire




Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Février 2012
LMMJVSD
  12345
6789101112
13141516171819
20212223242526
272829    

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 : 2,090 sec (3)

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