Autre possibilité de faire défiler du texte que <marquee>

Autre possibilité de faire défiler du texte que <marquee> - HTML/CSS - Programmation

Marsh Posté le 08-03-2004 à 18:38:07    

Hello,
 
J'ai un client qui veux voir sur son site des petites bannières avec des infos de dernière minutes ou des actions. J'avais mis en place un truc en flash qui va chercher le texte dans une DB et qui le fait défiller mais il se trouve que pas mal de gens vont voir ce site sur leur lieu de travail et surtout, pas mal d'admin n'installent pas le plug in flash ... donc c'est pas top... j'avais ensuite pensée à <marquee> mais il trouve trop saccadé et quand on change les paramètres c'est plus fluide mais aussi plus lent... donc pas top...  
 
Comment faire, il veux un truc animé et surtout les textes se trouvent dans une DB ! et aussi un truc visible partout :/
 
Merci d'avance :)
 
Darx


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 08-03-2004 à 18:38:07   

Reply

Marsh Posté le 08-03-2004 à 19:04:40    

Citation :

Comment faire, il veux un truc animé et surtout les textes se trouvent dans une DB ! et aussi un truc visible partout


 
Bon le texte est dans une BD, donc récupérer les données dans la BD est donc a ta portée, avec PHP, ASP ou CF.
 
ensuite un javascript semble le plus adapté a ta situation, même si le javascript peu etre désactivé sur certain poste ...
 
si tu accepte de suprimer l'animation, on doit pouvoir faire quelquechose avec un refresh sur 20 secondes d'un iframe ou quelquechose du style ... ;)


Message édité par Lorr Hyde le 08-03-2004 à 19:05:30

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 08-03-2004 à 23:31:03    

tiens c'est pas con le coup du iframe, je vais voir ce que je peux faire... sinon, le trucs qu'on trouve sur les sites web genre les infos du jour qui défilent, c'est quoi ? du java ?


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 09-03-2004 à 00:03:54    

darxmurf a écrit :

tiens c'est pas con le coup du iframe, je vais voir ce que je peux faire... sinon, le trucs qu'on trouve sur les sites web genre les infos du jour qui défilent, c'est quoi ? du java ?


javascript


---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 09-03-2004 à 00:11:56    

bah tien en passant si qqn à un bout de code :)


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 09-03-2004 à 00:17:37    

darxmurf a écrit :

bah tien en passant si qqn à un bout de code :)


http://www.javascriptfr.com/rechco [...] te+defiler ;)


Message édité par Lorr Hyde le 09-03-2004 à 00:18:01

---------------
Tout n'est descriptible que du point de vue de l'observateur, donc sûrement faux pour le reste du monde.
Reply

Marsh Posté le 09-03-2004 à 00:40:19    

merci ! :jap: j'ai cru que le javascript pouvait seulement faire du genre marquee mais y a de quoi faire ! :D


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 11-03-2004 à 15:37:49    

Ok, j'ai fais un peu joujou et ça tourne dans iFrame c'est nickel... maintenant je me demandais si il était possible de faire en sorte qu'on ne puisse pas faire de selection de texte dans le iframe car quand on fait ça fait déconner le truc :/
 
http://www.quad-resistance.com/plop.html
 


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 11-03-2004 à 16:36:32    

Je ne sais pas si tu as enlevé ton truc, mais sous Mozilla Firefox, absolument rien ne saffiche !

Reply

Marsh Posté le 11-03-2004 à 16:53:50    

krtek a écrit :

Je ne sais pas si tu as enlevé ton truc, mais sous Mozilla Firefox, absolument rien ne saffiche !

je confirme, ca ne marche pas chez moi non plus. J'ai tester avec ie et ca marche, donc c un js pas compatible avec mozilla :/


---------------
✈ Découvre le HFRcoin ✈ - smilies ♥
Reply

Marsh Posté le 11-03-2004 à 16:53:50   

Reply

Marsh Posté le 11-03-2004 à 18:33:42    

omch :/ je vais voir ça alors


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 11-03-2004 à 18:59:00    

chier ça marche pas avec firebird :(
 

Code :
  1. <HTML>
  2. <HEAD>
  3. <script language="JavaScript">
  4. <!--
  5. var isNS = (navigator.appName == "Netscape" );
  6. var HIDDEN = (isNS) ? 'hide' : 'hidden';
  7. var VISIBLE = (isNS) ? 'show' : 'visible';
  8. var texte = 'Votre texte ici !';
  9. function startme(){
  10. //position de départ horizontale
  11. layer2.left = 601;
  12. //position de départ verticale
  13. layer2.top = 2;
  14. showObject(layer2);
  15. //position de départ horizontale, position d'arrivée horizontale
  16. slidel2(601,0-(texte.length*15));
  17. }
  19. function slidel2(from,to) {
  20.  
  21.   if (from > to)
  22.     {
  23.     layer2.left = (from -= 2);
  24.     setTimeout('slidel2(' + from + ',' + to + ')', 25);
  25.     }
  26.   else
  27.      slidel2(601,0-(texte.length*15));
  29. }
  31. function showObject(object) {
  32. object.visibility = VISIBLE;
  33. }
  35. function hideObject(object) {
  36. object.visibility = HIDDEN;
  37. }
  39. //-->
  40. </script>
  41. <style type="text/css">
  42. <!--
  43. .dhtmlText
  44.   {
  45.    font-family: "Arial";
  46.    font-size: 15pt;
  47.    font-style: normal;
  48.    font-weight: bold;
  49.    color: #000000;
  50.    width: 250px;
  51.    height: 20px; 
  52.    #position:absolute;
  53.    #left:300;
  54.    #top:5;
  55.    #z-index:3;
  56.    visibility:hidden
  57. }
  58. -->
  59. </style>
  60. </HEAD>
  61. <BODY OnLoad="startme()">
  62. <div id="layer2" class="dhtmlText">
  63. Votre texte ici !
  64. </div>
  65. <script language="JavaScript">
  66. var layer2 = (isNS) ? document.layer2 : document.all.layer2.style;
  67. </script>
  68. <BR>
  69. </BODY>
  71. </HTML>


 
bon c'est un peu codé à la manouch mais c'etait pour tester en premier lieu... mais y a pas moyen d'avoir un truc qui marche pour les 2 ?


---------------
Des trucs - flickr - Instagram
Reply

Marsh Posté le 14-03-2004 à 11:46:34    

re :hello:
 
Bon j'ai trouvé une solution il suffisait de chercher un peu ...  
 
http://www.quad-resistance.com/test.html
 
par contre y a un truc qui me gêne, exemple :  
 

Code :
  1. if(ie)
  2.       {
  3.        document.all.sDiv0.style.left = tempx;
  4.        document.all.sDiv0.style.visibility='visible';
  5.       }
  6.    else if (ns6)
  7.          {
  8.          document.getElementById('sDiv0').style.left = tempx;
  9.          document.getElementById('sDiv0').style.visibility='visible';
  10.          }
  11.        else
  12.           {
  13.           document.layers["sDiv0"].left = tempx;
  14.           document.layers["sDiv0"].visibility='visible';
  15.           }


 
j'ai essayé de mettre en début de page un truc qui fait  
 

Code :
  1. if (ie6)
  2.     couche = "document.all.sDiv0.style.left";
  3. ...
  4. ...


 
pareil pour netscape et pour autre, histoire que je n'aille plus qu'à faire :
 
 couche.left = xxx;
 
pour éviter 3 test après ... mais ça marche pas !
 
qqn aurait une solution ?
 
merci  :)


Message édité par darxmurf le 14-03-2004 à 11:47:13
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed