JavaScriptタイマーとフッターdiv

divをページのフッターに配置し、ボタンをクリックしたときにdivを表示させたいとします。それは動作していないようです。何が間違っているのですか？コードは以下のとおりです。JavaScriptタイマーとフッター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>

出典

2011-01-13 sammville

途方もなく漠然とした質問です。「それは働いているようではない」とはどういう意味ですか？期待される行動とは何ですか？あなたが望む行動とはどのように異なるのでしょうか？これまでにどのようなステップを試みましたか？ HTMLはどこですか？ –

そして、どのボタン？ –

これは質問です。回答がない場合は投稿してください。 – sammville

さて、あなたは次の構文を使用する必要があるHTMLページにJavaScriptを埋め込むことが、すべての最初：

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

注：type、ないlanguageを！

第2に、なぜt変数を使用しますか？それはなんのためですか？

ので作業と、より完全な例は次のようになります。

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

出典

2011-01-13 00:23:56 Rizo

素晴らしいソリューション、私のブラウザで完璧に働いた。 +1 –

うん!!それは言語だった..私の愚かな省略。 – sammville

JavaScriptタイマーとフッターdiv

答えて

関連する問題