message clignotant

message clignotant - HTML/CSS - Programmation

Marsh Posté le 13-03-2006 à 13:57:58    

Bonjour  
 
Je cherche à faire un titre de news sous la forme bg = jaune et en bordeaux la date du jour qui clignote.
Y'a-t-il une solution en javascript
 
Merci

Message cité 1 fois
Message édité par jenny50 le 13-03-2006 à 15:51:44
Reply

Marsh Posté le 13-03-2006 à 13:57:58   

Reply

Marsh Posté le 13-03-2006 à 14:05:18    

oui il y a une solution...
Par exemple: tu fais un setInterval qui appele une fonction qui change la classe de l'element clignotant ...
 
edit: j'oubliais tu as une fonction blink() en javascript mais elle marche pas sous IE...
edit2: tu as aussi une valeur blink sur text-decoration en CSS, mais elle marche pas sous IE...

Message cité 1 fois
Message édité par anapajari le 13-03-2006 à 14:09:46
Reply

Marsh Posté le 13-03-2006 à 14:07:59    

oui. Entre autre, cacher/afficher le texte toutes les x secondes...

Reply

Marsh Posté le 13-03-2006 à 14:08:42    

C'est quoi comme langage?? Connais-pas

Reply

Marsh Posté le 13-03-2006 à 14:09:07    

text-decoration: blink;
 
edit: ah non, marche pas sous ie, c'est vrai...


Message édité par kadreg le 13-03-2006 à 14:10:31

---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 13-03-2006 à 14:13:11    

il faut absolumen que ça fonctionne sous IE, donc je fais comment??

Message cité 1 fois
Reply

Marsh Posté le 13-03-2006 à 14:14:20    

jenny50 a écrit :

Bonjour  
 
Je cherche à faire un titre de news sous la forme bg = jaune et en bordeaux la date du jour qui clignote.
Y'a-t-il une solution en javascript
 
Merci


Tu te rends compte que ça va donner un truc immonde et totalement illisible?

Message cité 1 fois

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 13-03-2006 à 14:14:38    

jenny50 a écrit :

il faut absolumen que ça fonctionne sous IE, donc je fais comment??


 
comme ça :  
 

anapajari a écrit :

oui il y a une solution...
Par exemple: tu fais un setInterval qui appele une fonction qui change la classe de l'element clignotant ...


 
 
 


---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 13-03-2006 à 14:14:54    

masklinn a écrit :

Tu te rends compte que ça va donner un truc immonde et totalement illisible?


 
tu as quoi contre le jaune ?

Message cité 1 fois

---------------
brisez les rêves des gens, il en restera toujours quelque chose...  -- laissez moi troller sur discu !
Reply

Marsh Posté le 13-03-2006 à 14:17:51    

kadreg a écrit :

tu as quoi contre le jaune ?


Moi? rien, les écrits bordeau clignottant sur fond jaune par contre :/


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 13-03-2006 à 14:17:51   

Reply

Marsh Posté le 13-03-2006 à 14:18:34    

je l'utilise comment set interval???

Reply

Marsh Posté le 13-03-2006 à 14:21:14    

Faut porter un slip sale sur la tête et danser à minuit au milieu de 12 statuettes enrobées dans du jambon (de parme)

Message cité 1 fois

---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 13-03-2006 à 14:26:21    

masklinn a écrit :

Faut porter un slip sale sur la tête et danser à minuit au milieu de 12 statuettes enrobées dans du jambon (de parme)


[:rofl]ce genre de réplique devrait être interdite pendant les horaires de travail... je viens d'éclater de rire, top credibility!!!

Reply

Marsh Posté le 13-03-2006 à 14:26:38    

Voici un bout de code que j'ai trouvé:
 

Code :
  1. var msg="";var delay1=0;var delay2=0;var alt=0
  3. function cligno() {
  4. var delay=0
  5. if (alt==0){parent.status=msg; alt=1;delay=delay1} else {parent.status=' ';alt=0;delay=delay2;}
  6. setTimeout("cligno()",delay);
  7. }
  9. function Clignoter(txt,tps1,tps2) {
  10. // tps1 est en millisecondes : durée d'affichage du message
  11. // tps2 : durée du message caché
  12. msg=txt;
  13. delay1=tps1; delay2=tps2;
  14. cligno();
  15. }
  17. </SCRIPT>
  18. </HEAD>
  19. <BODY>
  21. <SCRIPT LANGUAGE="JavaScript"><!--
  22. Clignoter("Des dizaines de scripts et des conseils sur Tout JavaScript.com",1000,500);
  23. // Clignoter("Texte du message", durée d'affichage, durée d'effacement)
  24. //--></SCRIPT>


 
La le message clignote dans la barre de status. Je fais comment pour que moi il clignote dans ma page???

Reply

Marsh Posté le 13-03-2006 à 14:30:33    

Hum, jenny, juste histoire que tu te rendes bien compte de ce que ton idée fantastique va donner, voici un exemple (les autres, zêtes pas obligés d'aller voir).


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 13-03-2006 à 14:40:04    

mais non c'est pas si horrible que ça. C'est tout peit sur le site...  
Le bout de code que je vous ai donné comment je le change??

Message cité 1 fois
Reply

Marsh Posté le 13-03-2006 à 14:40:32    

Je suis aussi intéressé par l'idée.

Message cité 1 fois
Reply

Marsh Posté le 13-03-2006 à 14:49:48    

jenny50 a écrit :

mais non c'est pas si horrible que ça.


Ben si [:spamafote]
 
C'est <blink> quoi, l'une des pires infamies du web [:spamafote]


---------------
Stick a parrot in a Call of Duty lobby, and you're gonna get a racist parrot. — Cody
Reply

Marsh Posté le 13-03-2006 à 14:51:03    

fourniey a écrit :

Je suis aussi intéressé par l'idée.


Et essayer de faire ça tout seul et en profiter pour apprendre ça vous tente pas???
Nan parce que ça prends 4 lignes et on peut pas dire que ça soit compliqué:

Code :
  1. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
  2.   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" >
  4. <head>
  5.   <meta http-equiv="content-type" content="text/html; charset=iso-8859-1" />
  6.   <title>Test</title>
  7.   <script type="text/javascript">
  8.   var blinkingSpeed= 50;
  9.   function blink(){
  10.     if ( document.getElementById('blinkIt').className == 'invisible'){
  11.       document.getElementById('blinkIt').className = '';
  12.     } else {
  13.       document.getElementById('blinkIt').className = 'invisible';
  14.     }
  15.   }
  17.   function startBlinking(){
  18.     setInterval("blink()", blinkingSpeed);
  19.   }
  20.   </script>
  21.   <style type="text/css" media="all">
  22.    #blinkIt{
  23.      font-size: 30px;
  24.      background-color: yellow;
  25.      color: red;
  26.    }
  27.    #blinkIt.invisible{
  28.      color: yellow;
  29.    }
  30.   </style>
  31. </head>
  32. <body onload="startBlinking()">
  33.   <span id="blinkIt">Ah lalalala c'est vraiment pas beau</span>
  35. </body>
  36. </html>

Reply

Marsh Posté le 13-03-2006 à 15:26:53    

je te remercie.... mais je vais rendre ça plus beau ...

Message cité 1 fois
Reply

Marsh Posté le 13-03-2006 à 15:49:26    

jenny50 a écrit :

je te remercie.... mais je vais rendre ça plus beau ...


curieux de voir ca...


---------------
D3
Reply

Marsh Posté le 13-03-2006 à 15:53:56    

J'ai un problème sur ma page le script ne fonctionne pas par contre sur une page à coté avec rien que ça, ça fonctionne. Il doit y avoir qqch sur ma page qui gène. Jettez un coup d'oeil :
 

Code :
  1. <?php
  2. //--------------------------connexion au serveur
  3. require('public/fonctions.php');
  4. require "param.inc";
  5. $conn = g_connect();
  6. $webmaster='';
  7. $rep = 'img';
  9. $sql_flash = "SELECT fla_cle, fla_date, fla_titre, fla_texte, fla_lien, uti_cle
  10.    FROM flashinfo
  11.    INNER JOIN utilisateurs ON fla_uti = uti_cle
  12.    ORDER BY fla_cle DESC";
  13. $qry_flash = pg_query($conn, $sql_flash) or die (pg_last_error());
  14. ?>
  15. <html>
  16. <head>
  17. <script type="text/javascript" language="javascript">
  18. function encours()
  19. {
  20. alert("Cette page est en construction !" );
  21. document.location = " public/infos.php ";
  22. }
  24. var blinkingSpeed= 800;
  25. function blink()
  26. {
  27. if ( document.getElementById('blinkIt').className == 'invisible')
  28.  {
  29.  document.getElementById('blinkIt').className = '';
  30.  }
  31.  else
  32.   {
  33.   document.getElementById('blinkIt').className = 'invisible';
  34.   }
  35. }
  37. function startBlinking()
  38. {
  39. setInterval("blink()", blinkingSpeed);
  40. }
  41. </script>
  42. <title>Bodemer Net</title>
  43. <!------------------------ liaison de la feuille de style et de la feuille de javascript -->
  44. <link href="css/style.css" rel="stylesheet" type="text/css">
  45. <script type="text/javascript" src="css/javascript.js"></script>
  46. <style type="text/css" media="all">
  47. #blinkIt{font-size:12px;background-color:#FFFF99;color:#990000;}
  48. #blinkIt.invisible{color:#FFFF99;}
  49. </style>
  50. <noscript>
  51. ATTENTION, ce document contient  du code Javascript que votre navigateur n'est pas capable d'interpréter.
  52. <br>
  53. Faites en sorte de régler ce problème, allez voir votre administrateur réseaux.
  54. </noscript>
  55. </head>
  56. <!------------------------ chargement des éléments à l'ouverture de la page -->
  57. <body onLoad="startBlinking()" bgcolor="#333399">
  58. <span id="blinkIt"><?=$result_flash->fla_titre?></span>

Reply

Marsh Posté le 13-03-2006 à 16:06:23    

si je reprends ta page je vire le php,et aussi la ligne ci-dessous( d'ailleurs à la question que fout un js dans un repertoire css, j'aimerais bien avoir ta réponse) ça marche très bien:

Code :
  1. <script type="text/javascript" src="css/javascript.js"></script>


 
Par contre je suis à peu près sur que tu dois avoir une erreur dans ton css/javascript.js qui fait tout péter...

Reply

Marsh Posté le 13-03-2006 à 16:10:40    

voici le contenu de mon doc :  

Code :
  1. //-------------------------date du dernier enregistrement     
  2. date1=document.lastModified
  3. jour1=date1.charAt(3)+date1.charAt(4)
  4. mois1=date1.charAt(0)+date1.charAt(1)
  5. annee1=date1.charAt(6)+date1.charAt(7)+date1.charAt(8)+date1.charAt(9)

Reply

Marsh Posté le 13-03-2006 à 16:15:27    

en fait ça viendrait de ce fichier

Code :
  1. <script language="javascript">
  2. //--------------------------script pour l'heure dynamique
  3. function HorlogeDynamique() {
  4. var DateActuel = new Date();
  5. var heure = DateActuel.getHours();
  6. var minutes = DateActuel.getMinutes();
  7. var secondes = DateActuel.getSeconds();
  9. if (heure == 0) {
  10.  heure = "0" + heure;
  11.  }
  12. if (minutes <= 9) {
  13.  minutes = "0" + minutes;
  14.  }
  15. if (secondes <= 9) {
  16.  secondes = "0" + secondes;
  17.  }
  18. Horloge = + heure + ":" + minutes + ":" + secondes ;
  20. if (document.getElementById) {
  21.  document.getElementById("clock" ).innerHTML = Horloge;
  23.  }
  24. if (document.layers) {
  25.       document.clock.document.write("<br>&nbsp;&nbsp;"+Horloge);
  26.  document.clock.document.close();
  27.     }
  28. if ((document.all)&&(!document.getElementById)) {
  29.       document.all["clock"].innerHTML = Horloge;
  30.   }
  31. setTimeout("HorlogeDynamique()", 1000)
  32. }
  33. window.onload = HorlogeDynamique;
  34. </script>

Reply

Marsh Posté le 13-03-2006 à 16:17:57    

euh dis donc tu crois que je vais te faire tout ton truc là??? :o
Si tu cherchais un peu ... si tu veux vraiment pas tu peux toujours poster sur emploi/etude je te le ferais pour moins de 200€ ...

Reply

Marsh Posté le 13-03-2006 à 16:20:24    

lol... Ok ben désolé de t'avoir dérangé et merci quand m^me pour le tuyau...
 
Je vois bien que c'est seTimeout qui merdouille dans ce fichier....

Reply

Marsh Posté le    

Reply

Sujets relatifs:

Leave a Replay

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