HTLM/JavaScript : faire clignoter une URL

HTLM/JavaScript : faire clignoter une URL - HTML/CSS - Programmation

Marsh Posté le 17-03-2015 à 13:24:06    

Bonjour,
 
J'ai ajouter un module (gadget) HTML/JavaScript à mon blog (blogspot) qui contient une URL. Je souhaite faire clignoter cette URL dès l'affichage de la page principale.  
 
Le code du module est le suivant:
 
<b><a href="http://www.greenalp.com/RealtimeTracker/index.php?guestmode=1&viewuser=toto&fs=1" target="_blank">GEOLOCALISATION TEMPS REEL</a></b><br />
 
 
Merci de votre aide.  
 
 :hello:

Reply

Marsh Posté le 17-03-2015 à 13:24:06   

Reply

Marsh Posté le 17-03-2015 à 19:05:27    

Code :
  1. <div id="DivClignotante" style="visibility:visible;"><b><a href="http://www.greenalp.com/RealtimeTracker/index.php?guestmode=1&viewuser=toto&fs=1" target="_blank">GEOLOCALISATION TEMPS REEL</a></b></div>
  2. <script type="text/javascript">
  3. var clignotement = function(){
  4.    if (document.getElementById('DivClignotante').style.visibility=='visible'){
  5.       document.getElementById('DivClignotante').style.visibility='hidden';
  6.    }
  7.    else{
  8.    document.getElementById('DivClignotante').style.visibility='visible';
  9.    }
  10. };
  11. // mise en place de l appel de la fonction toutes les 0.8 secondes  
  12. periode = setInterval(clignotement, 800);
  13. </script>


Google, "clignotement CSS" :bounce:


---------------
Grippe ? Coronavirus ? Portez votre masque correctement ! :D
Reply

Marsh Posté le 18-03-2015 à 09:37:07    

Merci , je teste ça. J'ai cherché mais sans savoir les mots clés à utiliser dans google.  

Reply

Marsh Posté le 18-03-2015 à 11:25:20    

C'est presque bon mais c'est ma faute car je n'ai pas tout expliqué. L'url n'est pas seule dans le module. La solution ci-dessous fait clignoter toutes les URL . Pourquoi?
Je souhaite faire clignoter uniquemement la première URL (www.greenalp etc..)
 
 
<b><span class="Apple-style-span" style="color: white; font-family: Times, 'times new roman', serif; font-size: large;">Les Outils</span></b><br />
<b><span class="Apple-style-span" style="font-size: large;"></span></b><br />
<div id="DivClignotante" style="visibility:visible;"><b><a href="http://www.greenalp.com/RealtimeTracker/index.php?guestmode=1&viewuser=toto&fs=1" target="_blank">GEOLOCALISATION TEMPS REEL</a></b><br />
<script type="text/javascript">
var clignotement = function(){
   if (document.getElementById('DivClignotante').style.visibility=='visible'){
      document.getElementById('DivClignotante').style.visibility='hidden';
   }
   else{
   document.getElementById('DivClignotante').style.visibility='visible';
   }
};
// mise en place de l appel de la fonction toutes les 0.8 secondes  
periode = setInterval(clignotement, 800);
</script>
<b>----------------------------------</b><br />
<b><a href="http://toto/p/carte-interactive-du-parcours.html" target="_blank">CARTE INTERACTIVE</a> </b><br />
<b>----------------------------------</b><br />
<b><a href="http://toto/p/profile-altimetrique_10.html">PROFIL ALTIMETRIQUE</a> </b><br />

Reply

Marsh Posté le 18-03-2015 à 17:30:28    

C'est bon. </div> mal placé. Merci!!

Reply

Sujets relatifs:

Leave a Replay

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