Texte qui défile

Eléphant du PHP | 424 Messages

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

ViPHP
ViPHP | 649 Messages

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.
Image

Eléphanteau du PHP | 43 Messages

18 nov. 2005, 22:26

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

Eléphant du PHP | 164 Messages

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>

Mammouth du PHP | 983 Messages

19 nov. 2005, 00:16

La balise marquee n'est pas standard. Elle est juste interprétée par IE...
Modifié en dernier par rami le 19 nov. 2005, 00:22, modifié 1 fois.

ViPHP
ViPHP | 649 Messages

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.
Image

Eléphant du PHP | 142 Messages

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.
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

ViPHP
ViPHP | 649 Messages

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
Image

Modérateur PHPfrance
Modérateur PHPfrance | 7636 Messages

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

/!\ Avant de poster se documenter et rechercher.
Qui ne sait pas rendre un service n'a pas le droit d'en demander.
MaBrute

Eléphant du PHP | 142 Messages

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 :) !
Modifié en dernier par Lareine le 19 nov. 2005, 21:04, modifié 1 fois.
W3C revalorisez nos chères balises [-o<
Image Image CLOSER

ViPHP
ViPHP | 649 Messages

19 nov. 2005, 21:03

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

Eléphant du PHP | 142 Messages

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 !
W3C revalorisez nos chères balises [-o<
Image Image CLOSER