Javascript timer et footer div

J'ai positionné un div au bas de la page et je veux qu'il soit rendu visible lorsque le bouton est cliqué. Cela ne semble pas fonctionner. Qu'est-ce que je fais mal? Le code est ci-dessous.Javascript timer et footer div

<script language="text/javascript"> 

function timedMsg() 
{ 
var t=setTimeout('ff()',3000) 
} 

function ff(){ 

document.getElementById("dot").style.visibility="visible"; 
document.getElementById("dot").style.display=""; 

} 

</script> 

<div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: none; visibility: hidden">Footer</div> 


<form> 
<input type="button" value="Display!" onclick="timedMsg()" /> 
</form>

Source

2011-01-13 sammville

question Ridiculously vague. Qu'est-ce que "ça ne semble pas fonctionner" signifie pour vous? Quel est le comportement attendu, et en quoi diffère-t-il du comportement que vous désirez? Quelles étapes avez-vous essayé jusqu'à présent? Où est le HTML? –

Et quel bouton? –

Ceci est une question et s'il vous plaît si vous n'avez pas de réponse, ne postez pas! – sammville

Eh bien, tout d'abord intégrer javascript dans la page HTML, vous devez utiliser la syntaxe suivante:

<scrpt type="text/javascript">/* code here */</script>

Note: type, pas language!

Deuxièmement, pourquoi utilisez-vous la variable t? Pourquoi est-ce?

Ainsi, le travail et l'exemple plus complet serait:

<html> 
    <head> 
     <script type="text/javascript"> 
      function timedMsg() 
      { 
       setTimeout('ff()',3000) 
      } 

      function ff() 
      { 
       document.getElementById("dot").style.visibility="visible"; 
       document.getElementById("dot").style.display=""; 
      } 
     </script> 
    </head> 
    <body> 
     <form> 
      <input type="button" value="Display!" onclick="timedMsg()" /> 
     </form> 
     <div id="dot" style="position: absolute; bottom: 0; right: 0; margin-right:50px; background-color:blue; width:250px; text-align:center; display: block; visibility: hidden">Footer 
     </div> 
    </body> 
</html>

Source

2011-01-13 00:23:56 Rizo

solution géniale, a parfaitement fonctionné dans mon navigateur. +1 –

Ouais !! c'était la langue .. Omission stupide par moi. – sammville

Javascript timer et footer div

Répondre

Questions connexes