Texte qui défile

Répondre


Cette question est un moyen d’empêcher des soumissions automatisées de formulaires par des robots.
Smileys
:D :) :( :o :shock: :? 8-) :lol: :x :P :oops: :cry: :evil: :twisted: :roll: :wink: :!: :?: :idea: :arrow: :| :mrgreen: =D> #-o =P~ :^o :non: :priere: 8-|
Voir plus de smileys
  Revue du sujet
 

  Étendre la vue Revue du sujet : Texte qui défile

par Lareine » 19 nov. 2005, 21:08

C'est clair, je suis trop contente que quelqu'un l'ai développé à
ma demande, puisque rien d'équivalent n'existait je crois :P !

par alexbad » 19 nov. 2005, 21:03

Moui bon, j'avais bien vu, merci, c'est génial ce script!

Texte défilant Javascript et CSS compatible XHTML Stritct ;)

par Lareine » 19 nov. 2005, 21:01

C'est donc chose faite, dans la section Forum des développeurs :o !
http://www.phpfrance.com/forums/voir_sujet-11093.php :wink:

À ta demande alexbad, je poste aussi ici une fonction de texte défilant
en JavaScript & CSS, compatible XHTML Strict :pouce: !

Cette solution en JavaScript à été codé par Mr N. de developpez.net.
Pour ma par j'ai juste simplifié l'écriture et supprimé 2 variables inutiles
du JavaScript, effectué l'externalisation de l'ensemble de la fonction et
l'optimisation du CSS :) !

*.js

Code : Tout sélectionner

var defile;// l'element a deplacer var psinit = 580; // position horizontale de depart var pscrnt = psinit; function texteDefile() { if (!defile) defile = document.getElementById('defile'); if (defile) { if(pscrnt < ( - defile.offsetWidth) ){ pscrnt = psinit; } else { pscrnt+= -1; // pixel par deplacement } defile.style.left = pscrnt+"px"; } } setInterval("texteDefile()",20); // delai de deplacement
*.css

Code : Tout sélectionner

#cadrpg { width:600px; margin:0 auto; border:0; overflow:hidden;} #newshr { position:relative; width:580px; height:20px; overflow:hidden; color:inherit; background:#FFFFFF url(news.gif); border:1px inset white; } #defile { position:absolute; margin-top:1px; background-color:transparent; }
(X)HTML
<div id="cadrpg"> 

 <div id="newshr">
  <a style="width:190px" id="defile" href="index.php">
  Voila un tres joli texte defilant</a>
 </div>

</div>
Pour le texte défilant on peut utiliser n'importe quel conteneur:
<a style="width:190px" id="defile" href="index.php"> ou
<div style="width:190px" id="defile"> ou
<span style="width:190px" id="defile"> ...

Encore un Grand Merci à Mr N. pour la fonction de base :) !

par Truc » 19 nov. 2005, 18:19

parce que moi aussi ça m'intéresse
[ visible sur la page d'accueil de mon site.
au besoin meme regarder le code source (et en fouillant un peu :wink: )et hop tu trouveras ton bonheur

Mais rien ne t'emeche de poster dans le forum des développeurs(euses) :D

par alexbad » 19 nov. 2005, 17:42

Ah oui, tu peux la poster ici, les modérateurs se chargeront surement de le déplacer si besoin est... parce que moi aussi ça m'intéresse :D

par Lareine » 19 nov. 2005, 10:10

Alexbad le lien que tu donne et la plupart des liens pour les
textes défilant d'ailleur, utilisent <marquee> qui n'est pas
une solution propre/valide.

Perso J'ai trouvée une solution tout Javascript avec du css.
Mais je ne peux pas la poster ici, puisque nous ne sommes
pas dans la section Javascript :roll: ...

Cette Solution Codé par Mr N. de developpez.net, et Optimisée par mes
soins, est toute fois visible sur la page d'accueil de mon site.

par alexbad » 19 nov. 2005, 00:22

J'ai testé et je sais pas si ça te convient: http://www.javascriptfr.com/code.aspx?ID=15711 Sinon fouille sur ce site, il y a plein de scripts du genre.

par rami » 19 nov. 2005, 00:16

La balise marquee n'est pas standard. Elle est juste interprétée par IE...

ZE solution

par toto37 » 18 nov. 2005, 23:34

Tient voici la soluce:

Code : Tout sélectionner

<marquee behavior='scroll' scrolldelay="100"> <? for($i=0;$i<=500;$i++) { echo "Tu peux mettre ce que tu veux come texte en définissant une variable contenant un message à la place du texte que tu est en train de lire!!!!!!!!!! &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp;"; } ?> </marquee>

par cadav0r » 18 nov. 2005, 22:26

Effectivement le php ne permet pas cela mais le javascript oui...

par alexbad » 17 nov. 2005, 00:41

Je sais pas comment mais une chose est certaine, c'est pas du php, c'est du javascript. Un truc pour les différencier: html et javascript, c'est ce que le visiteur voit, rien de plus et php, le visiteur le voit pas.

Texte qui défile

par Dom! » 17 nov. 2005, 00:06

Bonjour,

Je cherche à faire défiler des news dans un cadre. Soit à partir d'un fichier texte soit je les écrits manuellement....

Est ce possible ? si oui comment faire car je n'ai aucun script ! :roll:

Merci pour votre aide