자바 스크립트 프롬프트 메시지 박스가 작동하지 않습니다.

-1

모든 코딩 작업을 완료했습니다. 모든 것이 잘 작동합니다. 자바 스크립트에만 붙어 있습니다. 이미지 배경의 색상을 변경할 수 있습니다. 그러나 이미지를 클릭 할 때 팝업 메시지를 표시 할 수 없으며 "onclick"을 사용해 보았습니다. 하지만 여전히 작동하지 않습니다.자바 스크립트 프롬프트 메시지 박스가 작동하지 않습니다.

누구나 제안이나 작품의 예를 들어 줄 수 있습니까? 아래 코드를 참조하십시오 -

<html> 
<head> 
<style> 
      th{ 
       width:60px; 
       height:60px; 
      } 
      table{ 
       border: 5px solid #FFBB78; 
       border-collapse:collapse; 
      } 
      td{ 
       width:60px; 
       height:60px; 
      } 
      tr{ 
       width:60px; 
       height:60px; 
      } 
      h1{ 
       color:#6633FF; 
      } 
</style> 

<script type="text/javascript"> 
function changeColor(){ 
    document.getElementById("king").style.backgroundColor="black"; 
} 
function click(){ 
    /*var pawn = document.write.getElementById('pawn'); 
    var knight = document.write.getElementById('knight'); 
    var queen = document.write.getElementById('queen'); 
    var bishop = document.write.getElementById('bishop'); 
    var king = document.write.getElementById('king_1'); 
    var square = document.write.getElementById('sqaure');*/ 
    alert("This is a knight"); 
} 

/*function promt_chess_piece(){ 
    //var knight = document.write.getElementById('knight'); 
    if (knight.value.lenght) 
    { 
     alert("This is the knight"); 
     knight.focus(); 
     return true; 
    } 
}*/ 
</script> 
</head> 
<body> 
<?php 

    $pictures = array( 
     //row 1 
     "1,1" => '<img src="chess/br.gif" />', 
     "1,3" => '<img src="chess/bb.gif"/>', 
     "1,4" => '<img src="chess/bq.gif"/>', 
     "1,5" => '<img src="chess/bk.gif"/>', 
     "1,8" => '<img src="chess/br.gif"/>', 
     //row 2 
     "2,1" => '<img src="chess/bp.gif"/>', 
     "2,2" => '<img src="chess/bp.gif"/>', 
     "2,3" => '<img src="chess/bp.gif"/>', 
     "2,4" => '<img src="chess/bp.gif"/>', 
     "2,5" => '<img src="chess/bb.gif"/>', 
     "2,6" => '<img src="chess/bp.gif"/>', 
     "2,7" => '<img src="chess/bp.gif"/>', 
     "2,8" => '<img src="chess/bp.gif"/>', 

     //row 3 
     "3,3" => '<img src="chess/bn.gif" onclick="click()"/>', 
     "3,6" => '<img src="chess/bn.gif"/>', 

     //row 4 
     "4,5" => '<img src="chess/bp.gif"/>', 

     //row 5 
     "5,3" => '<img src="chess/wb.gif"/>', 
     "5,5" => '<img src="chess/wp.gif"/>', 

     //row 6 
     "6,4" => '<img src="chess/wp.gif"/>', 
     "6,6" => '<img src="chess/wn.gif"/>', 

     //row 7 
     "7,1" => '<img src="chess/wp.gif"/>', 
     "7,2" => '<img src="chess/wp.gif"/>', 
     "7,3" => '<img src="chess/wp.gif"/>', 
     "7,6" => '<img src="chess/wp.gif"/>', 
     "7,7" => '<img src="chess/wp.gif"/>', 
     "7,8" => '<img src="chess/wp.gif"/>', 

     //row 8 
     "8,1" => '<img src="chess/wr.gif"/>', 
     "8,2" => '<img src="chess/wn.gif"/>', 
     "8,3" => '<img src="chess/wb.gif"/>', 
     "8,4" => '<img src="chess/wq.gif"/>', 
     "8,6" => '<img src="chess/wr.gif"/>', 
     "8,7" => '<img src="chess/wk.gif" onmouseover="changeColor()" id="king" />',);//array ends here 

    echo"<h1 align='center'>SAJID Chess Board</h1>"; 
    echo"<table border='1' align='center'>"; 

    for($i = 1; $i <= 8; $i++){  
      echo "<tr>"; 
      for($j = 1; $j <=8; $j++){ 
       if(($i+$j)%2==0) { 
       echo"<td bgcolor='#99FF99'>"; 
       } 
       else { 
       echo"<td bgcolor='#9999CC'>"; 
        } 


       if(isset($pictures["{$i},{$j}"]))//compares the pictures i and p 
        echo $pictures["{$i},{$j}"]; 

       echo "</td>"; 
       } 
       echo "</tr>"; 
      } 


      echo "</table>"; 

     ?> 
    </body> 
</html>

출처

2012-05-25 bleach64

Google에서 도와 드릴 수 있도록 코드를 표시 할 수 있습니까? –

코드를 보면 즉시 잘못된 것이 보이지 않습니다 (거기에 많은 코드가 있습니다). javascript 콘솔에서 브라우저가 페이지에 대해 좋아하지 않는 것을 확인하십시오. 또한이 PHP가 생성하는 실제 페이지 소스를 살펴보십시오. 예상대로 페이지에 작성된 클릭에 대한 호출과 함께 img 태그가 표시됩니까? 서면으로 분명히 잘못된 호출은 없습니다. –

onclick 속성이있는 이미지를 클릭하고 있습니까? 이미지 중 하나에 만 있습니다. 그게 내가 볼 수있는 유일한 문제 야.

출처

2012-05-25 21:44:48 lukey

자바 스크립트 프롬프트 메시지 박스가 작동하지 않습니다.

답변

관련 문제