2015-11-06 42 views
1

我試圖使一個div彈出當我按下圖像,但是當我按下圖像沒有任何反應。它工作,如果我使用循環外的代碼,所以obv它與循環有關,但是什麼?div彈出不似乎工作

<table> 
     <?php 
      while($row = mysqli_fetch_array($result)){ 

      echo "<tr><td> <a href = 'javascript:void(0)' onclick = 'document.getElementById('a').style.display='block';document.getElementById('b').style.display='block''><img src='1.jpg' id='s_album' style='align:center;'></a> 

      } 
     ?> 
    </table> 
      <div id='a' class='white_content'>text <a href = 'javascript:void(0)' onclick = 'document.getElementById('a').style.display='none';document.getElementById('b').style.display='none'>close</a></div> 
      <div id='b' class='black_overlay'></div></td></tr>"; 
+1

您添加多個'div'-S與同'id'。 – FirstOne

+0

我非常鼓勵的JavaScript這樣的,有一個[你停止寫作在線各種各樣的原因](http://robertnyman.com/2008/11/20/why-inline-css-and-javascript-code-is-such-a-bad-thing/)這樣做。無論如何,我相信Olavi Sau的回答是針對這個特定問題的正確解決方案 – roperzh

+0

甚至比這更好 – NoobTW

回答

1

你的onclick會被錯誤地呈現,更精確地說,你有多個單引號,那些將被渲染爲是,因此,你的onclick腳本過早結束。

剛剛逃脫雙引號這樣的\」

document.getElementById(\"a\").style.display=\"block\";document.getElementById(\"b\").style.display=\"block\"' 
+0

非常感謝:D – anon

+0

沒問題:)你可以標記爲正確的:)? –

+0

絕對需要等待5分鐘才能做到這一點 – anon