begin process at 2012 02 09 19:47:48
  Trouver un code source :
 
dans
 
Accueil > 

Code

 > 

Trucs & Astuces

 > TEXTE DÉFILANT PARAMÉTRABLE

TEXTE DÉFILANT PARAMÉTRABLE


 Information sur la source

Note :
7,75 / 10 - par 4 personnes
7,75 / 10

  • 1

  • 2

  • 3

  • 4

  • 5

  • 6

  • 7

  • 8

  • 9

  • 10
Catégorie :Trucs & Astuces Niveau :Débutant Date de création :25/05/2005 Date de mise à jour :14/09/2005 00:58:48 Vu / téléchargé :20 666 / 3 095

Auteur : Yoyo2B

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

 Description

Bon c vrai qu'il y a quelques sources sur ce site (et sur d'autres) à ce sujet, et qu'il y a MARQUEE (beurk) mais rien ne me satisfaisait réellement, alors , comme on n'est jamais mieux servi que par soi-même ...
L'originalite est d'uiliser un "objet" javascript, pour pouvoir l'implémenter dans la page, et il est facilement modifiable (défilemnt dans d'autres directions, images de transition, etc ...) mais comme je n'avais besoin que de ça ... j'ai fait que ça. C égoïste, oui, mais bon.
voilà.

happy coding.


 Conclusion

//initialisation
      CadreDefilant = new TexteDefilant(2,3000,320,85,"UP",0,TD_Titre);
//co rrespond  à  
//     PasDefil = Vitesse de défilement du texte
//     TempsAffichage = Temps avant de passer au texte suivant
//     tmpLargeur = largeur du cadre
//     tmpHauteur = dimensions relative de la fueille parente en valeurs absolue ... euh ...non, c la hauteur ça.
//     tmpDirection = pas encore impàlémenté, mais au cas où j'aie le temps ou vous ...
//     IndexDeDepart = facultatif, pour préciser une phrase de départ (pour éventuelmlement reprendre
//                    là où on en était à la page d'avant.
//     tmpControleTitre = contôle (id) dans lequel insérer les titres si besoin est


//ajoute des lignes à afficher
      CadreDefilant.AddTexte("Mon Texte 1","Mon Titre 1");
      CadreDefilant.AddTexte("Mon Texte 2","Mon Titre 2");
//c parti !
      CadreDefilant.ChangeTexte();

 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

26 mai 2005 17:55:12 :
26/05/2005 : modif du contrôle titre : marche sous firefox etc ...
26 mai 2005 18:33:32 :
un petit bouton suivant et précdent, ça fait pas de mal, pour laisser au visiteur le choix, ... ;)
27 mai 2005 11:21:17 :
bon, normalement, c la dernière modif, mais maintenant, paramétrage vers le Haut, le Bas, la Droite, et la Gauche. G rajouté qques commentaires ...
27 mai 2005 11:27:13 :
ah oui, un petit détail, pour texte defilant vers : --- Le HAUT : Aligne le TR en HAUT --- Le BAS : Aligne le TR en HAUT --- GAUCHE : Aligne le TD à DROITE --- DROITE : Aligne le TD à GAUCHE voilà ...
14 septembre 2005 00:58:48 :
Ajout d'un param : "VitesseDefile" pour parametrer la vitesse de défilement du texte. Plus la valeur est petite, plus le texte défile vite (je sais c pas logique mais bon ... )

 Sources du même auteur

Source avec Zip FILTRES MICROSOFT DE TRANSITION
Source avec Zip Source avec une capture PANNEAU PUBLICITAIRE DÉFILANT
Source avec Zip Source avec une capture UN MINI-WORD ??? ;)

 Sources de la même categorie

Source avec Zip Source avec une capture SUBDIVISER LE RÉSULTAT D'UNE RECHERCHE EN PAGES par kimmp
Source avec Zip TIMER : SETTIMEOUT & SETINTERVAL AMÉLIORÉS par jdmcreator
Source avec Zip Source avec une capture ONGLETS ET CHANGEMENT INSTANTANÉ DE LA LANGUE par william voirol
Source avec Zip Source avec une capture COPIER DU TEXTE par m22001111
Source avec Zip DIALOGUE ENTRE FENÊTRES MÈRE ET FILLE par william voirol

Commentaires et avis

Commentaire de darkman2 le 25/05/2005 17:55:13

a vrai y a bcp se source ki parle de texte défilant en bas
trouve un truc de ouf
j'en ai vu trop de ce code

Commentaire de la_pin le 25/05/2005 19:38:39

Perso, je trouve ça sympa.
Par contre, ça marche pas sur les moteurs gerko (netscape, mozilla..).
Dommage.

Commentaire de Yoyo2B le 26/05/2005 17:57:11

maintenant, ça marche sous FF . Sous netscape, ça marche aussi, mais le temps de défilement est bcp + long. C bizzarre. ou alors c ma connexion ;)

Commentaire de Yoyo2B le 26/05/2005 18:34:55

précédent et suivant ajoutés... pourquoi pas utiliser ça avec une fonction random, hein ? ... hum ...

Commentaire de la_pin le 26/05/2005 18:44:00

sympa les modifs !
Je pense que je vais ptetre m'en servir pour un site comme boite de news en alliant php et js.

Commentaire de Yoyo2B le 27/05/2005 11:23:24

ah oui, un petit détail, pour texte defilant vers :
   ---   Le HAUT : Aligne le TR en BAS
   ---   Le BAS : Aligne le TR en HAUT
   ---   GAUCHE : Aligne le TD à DROITE
   ---   DROITE : Aligne le TD à GAUCHE

voilà ...

Happy coding ;)

Commentaire de darkman2 le 28/05/2005 08:20:34

pour la vitesse
utilise 'speed'
super ta code

Commentaire de darkman2 le 28/05/2005 08:24:05

en tout cas t'as bien sur la modif
bravo

Commentaire de coucou747 le 28/05/2005 11:09:52 administrateur CS

sympa la prog OO, on n'en voit pas souvent sur jsfr !

Commentaire de kimuz le 13/09/2005 16:15:06

Bonjour
Bravo pour ce script qui fonctionne aussi sur MAC ouf!!!
Comment ralentir vraiment beaucoup la vitesse de défilement, même en mettant "new TexteDefilant(1" c'est encore trop vite pour moi. Comment faire Merci c'est URGENT
Kimuz

Commentaire de Yoyo2B le 14/09/2005 01:01:56

c bon, j'ai rajouté un paramètre pour pouvoir modifier la vitesse de défilement. Par défaut la valeur est à 10 (comme avant).

ça passe sur mac, c cool :)


voilà ...
Happy coding :)

Commentaire de kimuz le 14/09/2005 14:35:57

Merci Yoyo2B pour ta rapidité. Bravo pour le code. J'ai beaucoup cherché un code qui fonctionne aussi sur Mac donc actuellement sur "Safari" Celui-ci fonctionne. Merci
Kimuz

Commentaire de kimuz le 14/09/2005 19:52:49

C'est encore Kimuz
Décidément SUPER ton script, mais je vais être embêtant, comment faire pour que le texte sorte du cadre, qu'il ne s'arrète pas de défiler?
Merci encore
Kimuz

Commentaire de Yoyo2B le 15/09/2005 09:40:33

je comprend pas bien... tu veux que le texte "sorte du cadre" et qu'il ne s'arrette pas de défiler ? il faudra bien l'arreter un jour ou l'autre non ?
Précise ta pensée stp

Commentaire de kimuz le 15/09/2005 13:36:04

Je voudrais qu'il tourne en boucle, une fois le texte sorti, il rentre de nouveau etc... Tu peux voir à cette adresse:

http://www.caroline-coppey.com/dossier-travail-defile/defile-francais.html

Donc pour l'instant il s'arrete en haut. Je précise que j'ai simplifié ton script, mais il m'intéresse car il marche sur tous les navigateurs.
Merci pour tes réponses
Kimuz

Commentaire de kimuz le 18/09/2005 18:03:51

Bonjour
As-tu trouvé une solution pour que le texte ne s'arrète pas en haut? comme indiqué + haut ?
Voici l'adresse officielle
www.caroline-coppey.com/page2.html
Ce serait super que ca marche
Merci beaucoup
Kimuz

Commentaire de Yoyo2B le 18/09/2005 22:03:13


le pb sur ta page, c k'il part trop bas je trouve. On doit descendre pour voir k'il y a du texte, sinon, on voit ke l'image.

sinon, au lieu de le mettre sur tte la page, tu le met dans un cadre (au pire tte la hauteur de la page) et tu joue avec le paramètre du temps d'affichage. ce paramètre de temps rentre en action une fois tout le texte affiché. donc si tu le met a 0 c bon pour la boucle je pense
c pas mon pc là mais je teste demain pr voir

voilà

Commentaire de kimuz le 19/09/2005 10:32:40

Merci pour la réponse
J'ai essayé beaucoup de trucs, le script est déjà dans un cadre et si je le mets dans un autre cadre plus petit pour tromper l'ennemi, ça ne marche pas comme il faut. De toutes façons le texte est toujours bloqué, il ne sort jamais du haut de la page ou du cadre. Et le temps d'affichage se met en action une fois la première phrase arrivée en haut, pas quand tout le texte est affiché...
Glups !!!! excuses de te courir après, mais bon, tu es un pro donc, (j'en profite un peu...)
Bravo pour ta passion
Kimuz

Commentaire de kimuz le 19/09/2005 14:11:47

En cherchant, j'ai enlevé dans
//Action du défilement
ceci:
this.PosH-=this.PasDefil;

résultat le texte sort du cadre, mais ne revient pas de lui même ...
Je continue de chercher
Kimuz

Commentaire de Yoyo2B le 19/09/2005 15:39:48

ok je crois que je vois ce ke tu cherche à obtenir. Tu voudrais un texte ki défilerais comme un générique mais infiniement.
je sais pas si c une super bonne idée mais bon ...
Ce composant n'est pas vraiment adapté en fait. Le but de mon objet est de faire défiler du texte, de l'effacer, et d'en afficher un autre. Toi tu n'as qu'un texte a afficher et tu ne veux pas k'il disparaisse une fois affiché mais continue a monter puis ré-apparaisse en bas, c ça ?
(pour la hauteur de ton cadre, joue plutot avec la hauteur de fenêtre qu'avec des valeurs fixes sinon, en fonct° de la résolut° d'écran, on a pas le même résultat)

si g le temps et si tu me confirme que g compris ton pb, je regarde ça

Commentaire de kimuz le 19/09/2005 17:00:32

Ok c'est ça
Merci de ta réponse.
Ce serait super
Kimuz
(je ferais un lien sur la dernière page vers ton site ou ton E-mail si ça t'intéresse ?)

Commentaire de sam59200 le 30/09/2005 18:50:12

Salut !
Alors, je tente d'utiliser ton script et voilà ce que cela me fait...
http://www.stevehart-news.com/test.htm
et puis rien d'autre ne s'affiche....
Merci de ton aide
Sam

Commentaire de Yoyo2B le 30/09/2005 19:41:01

dans ta première chaine texte :

CadreDefilant1.AddTexte("<TABLE width=100% cellpadding=0 cellspacing=0 border=0 ><TR><TD align=left><BR>Les reportages de Londres à propos du concert et du meeting sont en ligne sur le site ! Allez voir la page "Reportage du Site"</A></TD></TR></TABLE>","Titre Numéro 1");

met la partie "Reportage du Site" entre apostrophe, paske les guillemets coupent la chaine js et donc génère une erreur, écris plutot

CadreDefilant1.AddTexte("<TABLE width=100% cellpadding=0 cellspacing=0 border=0 ><TR><TD align=left><BR>Les reportages de Londres à propos du concert et du meeting sont en ligne sur le site ! Allez voir la page 'Reportage du Site'</A></TD></TR></TABLE>","Titre Numéro 1");
ou
CadreDefilant1.AddTexte("<TABLE width=100% cellpadding=0 cellspacing=0 border=0 ><TR><TD align=left><BR>Les reportages de Londres à propos du concert et du meeting sont en ligne sur le site ! Allez voir la page \"Reportage du Site\"</A></TD></TR></TABLE>","Titre Numéro 1");

g pas regardé les autres textes

Commentaire de sam59200 le 01/10/2005 12:03:10

Merci cela fonctionne maintenant...
dis moi... est ce que c'est possible de faire certaines choses :
- Changer la police des textes et des titres !?
- Mettre plusieurs lignes pour une chaine !?
Parce que ça m'arrangerait bien si je peux le faire...

Merci d'avance !
Sam

Commentaire de Yoyo2B le 01/10/2005 14:40:12

tu met ce que tu veux dans les chaines c l'interet de la source :)
moi g mis des tables, pr l'exemple, mais tu met des hyper liens, des images, du texte, sur une ou plusieurs lignes, ce que tu veux !!
la seule restriction est de se rappeler qu'il s'agit d'une chaine texte et de remplacer les guillement, c tout .

Commentaire de sam59200 le 01/10/2005 16:16:29

oui mais le problème c'est que je sais pas comment on fait :s
je suis une pure débutante... lol
Sam

Commentaire de Yoyo2B le 01/10/2005 23:21:54

ben tu tapes du code html dans la chaine texte direct

CadreDefilant1.AddTexte("toto c vraiment <BR><font style='font-size:32px;color:#C0C0C0'>le plus</FONT><B><div width='100%' style='text-align:center;'>bô !!</div></B>");
CadreDefilant1.AddTexte("<A href='http://www.tructruc.com' target='blank'><img width='80%' height='100%' src='tructruc.jpg'></A>");

et tu auras paramétré deux "phrases" dont l'une est du texte et l'autre est une image...
C'était ta question ?

voilà ...

Commentaire de metis15 le 13/04/2006 10:15:33

Hello Yoyo2B,
super ce code.
Mais la question du défilement continu n'a pas été résolu ? (question de KIMUZ)
J'aimerais avoir ça aussi...
J'ai vu ça sur un site de bourse, des news, d'une longueur supérieure à la taille du "cadre" avec 2 p'tites flèches "haut" "bas", ce qui permet de balayer la totalité du texte.
Tu pourrais le faire...?
Génial ! (;o))))))

Commentaire de Yoyo2B le 13/04/2006 17:57:42

hello,

euh pas le tps de voir ça pr le moment, mais je pense que en mettant un div dans le div avec height figée et overflow:scroll, ça devrait passer , mais un peu la galère pour le visiteur non ?

dès que j'y pense je regarderais ça

voilà

Commentaire de Yoyo2B le 13/04/2006 18:00:12

sinon, pour le d&éfilement continu, si tu paramètre que 2 "phrases" avec le même contenu exactement et un temps d'affichage de 0, tu simule un défilement continu, non ?
Enfin j'ai écris ça sans réfléchir, à suivre ....

Commentaire de odinh le 31/10/2006 11:08:05

Bonjour,

J'ai essayé de générer par ces lignes de code car je souhaite faire défiler des liens rss externes  :
Une fois ma page chargée en hidden et extraction des informations je désire les faire défiler :

function prep_affichage_page(titre) {
document.writeln('<iframe height=200 width=320 name="iframe" id="iframe">');
document.writeln('<script type="text\/javascript" src="js\/textedefile.js"><\/script>');
document.writeln('<table cellspacing=0 cellpadding=0 border=0 height="130px" width="340px" nowrap>');
document.writeln('<tr valign=top height="25px">');
document.writeln('<TD id="TD_Titre3" align=center style="color:#0000;font-size:20px;">Texte qui va défiler ...</TD>');
document.writeln('</tr><TR valign=middle align=center><TD align=right>');
document.writeln('<script type="text\/javascript">');
document.writeln("var CadreDefilant3");
document.writeln('CadreDefilant3 = new TexteDefilant(2,3000,340,105,"LEFT",1,"TD_Titre3",10);');
document.writeln('CadreDefilant3.AddTexte("<TABLE width=100% cellpadding=0 cellspacing=0 border=0 ><TR><TD align=left><BR>Bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla ","Titre Numéro 1");');
document.writeln("CadreDefilant3.Start();");
document.writeln("<\/SCRIPT>");
document.writeln("</TD></TR></table></iframe> ")
}

Mais cela ne fonctionne pas.

C'est un bon script.

Merci de votre aide.

Salutations.

Commentaire de odinh le 31/10/2006 17:00:04

Re bonjour,

A nouveau, j'ai aussi essayé ceci en php :

$item est un tableau et je souhaite générer pour chaque poste de ce tableau une ligne :

CadreDefilant1.AddTexte('<p>".$value."</p>');

Ou $value est le poste du tableau à faire défiler.

Rien ne se passe même pas le défilement du texte en fin de script.

Ce serait pas mal de pouvoir adapter ce script à php pour qu'il fonctionne de façon dynamique

comme le fait la boucle foreach décrite plus bas.

<script language="javascript" src="js/TexteDefile.js"></script>
<table cellspacing=0 cellpadding=0 border=0 height="130px" width="340px" nowrap>
    <tr valign=top height="25px">
        <TD id="TD_Titre3" align=center style="color:#0000;font-size:20px;">Texte qui va défiler ...</TD>
    </tr>
    <TR valign=middle align=center>
        <TD align=right>
<script type="text/javascript">
var CadreDefilant1;
CadreDefilant1 = new Texte Defilant(2,3000,340,105,"LEFT",1,"TD_Titre3",10);
</SCRIPT>

<?php
$i=0;
for each ($item as $value) {
        if ($i>0) { // je saute la première ligne
        echo
        "\n<script type='text/javascript'>CadreDefilant1.AddTexte('<p>"
        .$value.
        "</p>');</SCRIPT>\n";
}
$i++;
}
?>
<script type="text/javascript">
CadreDefilant1.AddTexte("<TABLE width=100% cellpadding=0 cellspacing=0 border=0 style='cursor:pointer;font-size:15px;'><TR><TD align=left>bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla </TD></TR></TABLE></A>","Titre numéro 3");
CadreDefilant1.Start();
</SCRIPT>

        </TD>
    </TR>
</table>

Il n'y a pas d'erreur mais rien ne se passe avec IE ou FF.

Si vous avez une idée.

Je vous remercie.

Salutations.

Commentaire de punkenon le 27/06/2007 16:43:09

Salut,
Très bon script, mais les effets ne fonctionnent pas sur firefox :(
Sinon j'aurai aimé remplacé les boutons "suivants" et "precedent" par des fleches ou des images, c'est possible ?
Bravo pour se script et merci
Salutation
@nthony

Commentaire de skyself le 19/08/2009 11:26:45

Bravo ! c'est ce que je cherchais. Merci pour ton boulot ^^

 Ajouter un commentaire




Nos sponsors


Sondage...

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 : 0,905 sec (4)

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