2017-08-28 35 views
-1

コードに何が問題なのか分かりません。私は訓練をしていますが、それでも動作しません。JavaScriptポップアップが表示されない

機能:

<script type="text/javascript"> 
    function popUp(event, text, color) { 
     var popElem = document.getElementById("popUp"); 
     var x = window.event.clientX + 15; 
     var y = window.event.clientY + 15; 
     popElem.style.left = x + "px"; 
     popElem.style.top = y + "px"; 
     popElem.style.backgroundColor = color; 
     popElem.innerHTML = text; 
     popElem.style.display = "block"; 
    } 
    function clearPop() { 
     var popElem = document.getElementById('PopUp'); 
     popElem.style.display = "none"; 
    } 
</script> 
+0

要素のidは何ですか?それは "popUp"か "PopUp"ですか?両方を使用していますが、大文字と小文字が区別されます。 –

+0

あなたはhtmlを/あなたがこれを呼んでいる場所にも投稿できますか? – Andrea

+2

「_仕事しない」を定義してください。コードで何をしたいのですか?代わりに何をしますか? – Teemu

答えて

0

99%が自分のID(popUpまたはPopUp)の間違いでしょうか?

ここには同じIDの例があります。

<div id="popUp"></div> 
 

 
<button onclick="popUp(this, 'im pop text', 'aqua')"> 
 
POP 
 
</button> 
 
<button onclick="clearPop()"> 
 
CLOSE 
 
</button> 
 

 
<script type="text/javascript"> 
 
    function popUp(event, text, color) { 
 
    var popElem = document.getElementById("popUp"); 
 
    var x = window.event.clientX + 15; 
 
    var y = window.event.clientY + 15; 
 
    popElem.style.left = x + "px"; 
 
    popElem.style.top = y + "px"; 
 
    popElem.style.backgroundColor = color; 
 
    popElem.innerHTML = text; 
 
    popElem.style.display = "block"; 
 
    } 
 

 
    function clearPop() { 
 
    var popElem = document.getElementById('popUp'); 
 
    popElem.style.display = "none"; 
 
    } 
 
</script>

関連する問題