Connecting Tech Pros Worldwide Forums | Help | Site Map
bytes > topic > javascript > answers

What is wrong with this script? Images doesn't show.

tpgames's Avatar
Needs Regular Fix
  
Join Date: Jan 2007
Location: MN, USA - but rather be in UK
Posts: 356
#1: Mar 5 '07
2x2 Sudoku doesn't work at all. The images don't show up on the grid. I don't understand JavaScript very well. Just learning it. Thanks!

Expand|Select|Wrap|Line Numbers
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
  2. <html>
  3. <head>
  4.  
  5. <title>Sudoku 9</title>
  6.  
  7. <meta content="text/html; charset=iso-8859-1" http-equiv="Content-Type">
  8. <link type="text/css" rel="stylesheet" href="http://www.tpgames.net/gaming/2/game.css"> 
  9. <link rel="shortcut icon" href="http://www.tpgames.net/tpgamesicon.gif">
  10.  
  11. <script language="JavaScript1.2">
  12. var IsNetscape;
  13. if(navigator.appName == "Netscape")
  14. { IsNetscape = true;
  15.   document.captureEvents(Event.KEYDOWN)
  16. }  
  17. else IsNetscape = false;  
  18. function NetscapeKeyDown(key)
  19. { if(IsNetscape)
  20.     KeyDown(key.which);
  21. }  
  22. document.onkeydown = NetscapeKeyDown;
  23. </script>
  24. <script for=document event="onkeydown()" language="JScript">
  25. if (window.event) KeyDown(window.event.keyCode);
  26. </script>
  27. <script language="JavaScript">
  28. var i, j, k, I_Sel, J_Sel, K_Sel, L_Sel, StartTime, EndTime, IsOver;
  29.  
  30. PreFld0=new Array(
  31. new Array(
  32. new Array(new Array(1,2),new Array(3,4)),
  33. new Array(new Array(3,4),new Array(1,2)),
  34. new Array(
  35. new Array(new Array(2,3),new Array(4,1)),
  36. new Array(new Array(4,1),new Array(2,3)),
  37. new Array(
  38. new Array(new Array(3,4),new Array(1,2)),
  39. new Array(new Array(1,2),new Array(3,4))));
  40.  
  41. PreFld=new Array(
  42. new Array(
  43. new Array(new Array(1,2),new Array(3,4)),
  44. new Array(new Array(3,4),new Array(1,2)),
  45. new Array(
  46. new Array(new Array(2,3),new Array(4,1)),
  47. new Array(new Array(4,1),new Array(2,3)),
  48. new Array(
  49. new Array(new Array(3,4),new Array(1,2)),
  50. new Array(new Array(1,2),new Array(3,4))));
  51.  
  52. Fld=new Array(
  53. new Array(
  54. new Array(new Array(1,2),new Array(3,4)),
  55. new Array(new Array(3,4),new Array(1,2)),
  56. new Array(
  57. new Array(new Array(2,1),new Array(4,3)),
  58. new Array(new Array(4,3),new Array(2,1)),
  59. new Array(
  60. new Array(new Array(1,4),new Array(3,2)),
  61. new Array(new Array(3,2),new Array(1,4))));
  62.  
  63. NPic = new Array(5);
  64. NPic[0] = new Image();
  65. NPic[0].src = "rebu_n.gif";
  66. for (i=1; i < 5; i++)
  67. { NPic[i] = new Image();
  68.   NPic[i].src = "rebu"+eval(i)+"n.gif";
  69. } 
  70. QPic = new Image(); 
  71. QPic.src = "rebu0q.gif"; 
  72.  
  73. function Clicked(ii, jj, kk, ll)
  74. { var ff=false;
  75.   if (IsOver) return;
  76.   if (I_Sel>=0) window.document.images[4*I_Sel+4*J_Sel+K_Sel+2*L_Sel].src = NPic[0].src;
  77.   if (Fld[ii][jj][kk][ll]>0) return;
  78.   I_Sel=ii;
  79.   J_Sel=jj;
  80.   K_Sel=kk;
  81.   L_Sel=ll;
  82.   window.document.images[4*I_Sel+4*J_Sel+K_Sel+2*L_Sel].src = QPic.src;
  83. } 
  84.  
  85.  
  86.  
  87. function KeyDown(whichkey)
  88. { if (IsOver) return;
  89.   if (I_Sel==-1) return;
  90.   if ((whichkey>=48)&&(whichkey<=57))
  91.   { Fld[I_Sel][J_Sel][K_Sel][L_Sel]=48-whichkey;
  92.     window.document.images[4*I_Sel+4*J_Sel+K_Sel+2*L_Sel].src = NPic[whichkey-48].src;
  93.     I_Sel=-1;
  94.   }
  95.   if (IsSolved())
  96.   { IsOver=true;
  97.     Now = new Date();
  98.     EndTime = Now.getTime() / 1000;
  99.     i=Math.floor(EndTime - StartTime);
  100.     if (window.opener)
  101.     { if (window.opener.SetHighscores)
  102.         window.opener.SetHighscores("Sudoku","",i,-1);
  103.     }
  104.     alert("Super, you solved this game in "+i+ " seconds !");
  105.   }
  106. }  
  107.  
  108. function IsSolved()
  109. { var ii,jj,kk,ll,nn;
  110.   bb=new Array(10);
  111.   for (ii=0; ii<2; ii++)
  112.   { for (jj=0; jj<2; jj++)
  113.     { for (nn=0; nn<10; nn++) bb[nn]=0;
  114.       for (kk=0; kk<2; kk++)
  115.       { for (ll=0; ll<2; ll++)
  116.           bb[Math.abs(Fld[ii][jj][kk][ll])]++;
  117.       }
  118.       if (bb[0]>0) return(false);
  119.       for (nn=1; nn<10; nn++) 
  120.       { if (bb[nn]!=1) return(false);
  121.       }
  122.     }
  123.   }
  124.   for (ii=0; ii<2; ii++)
  125.   { for (kk=0; kk<2; kk++)
  126.     { for (nn=1; nn<10; nn++) bb[nn]=0;
  127.       for (jj=0; jj<2; jj++)
  128.       { for (ll=0; ll<2; ll++)
  129.           bb[Math.abs(Fld[ii][jj][kk][ll])]++;
  130.       }
  131.       for (nn=1; nn<10; nn++) 
  132.       { if (bb[nn]!=1) return(false);
  133.       }
  134.     }
  135.   }
  136.   for (jj=0; jj<2; jj++)
  137.   { for (ll=0; ll<2; ll++)
  138.     { for (nn=1; nn<10; nn++) bb[nn]=0;
  139.       for (ii=0; ii<2; ii++)
  140.       { for (kk=0; kk<2; kk++)
  141.           bb[Math.abs(Fld[ii][jj][kk][ll])]++;
  142.       }
  143.       for (nn=1; nn<10; nn++) 
  144.       { if (bb[nn]!=1) return(false);
  145.       }
  146.     }
  147.   }
  148.   return(true);
  149. }
  150.  
  151. function Show()
  152. { if (IsOver)
  153.   { alert("Everything's okay.");
  154.     return;
  155.   }
  156.   for (i=0; i<2; i++)
  157.   { for (j=0; j<2; j++)
  158.     { for (k=0; k<2; k++)
  159.       { for (l=0; l<2; l++)
  160.           Fld[i][j][k][l]=PreFld[i][j][k][l];
  161.       }
  162.     }
  163.   }
  164.   IsOver=true;
  165.   I_Sel=-1;
  166.   RefreshScreen();
  167.   alert(" TIM solved it for you!");
  168. }
  169.  
  170. function SwitchI(ii0,ii1)
  171. { var jj,kk,ll,tt;
  172.   for (jj=0; jj<2; jj++)
  173.   { for (kk=0; kk<2; kk++)
  174.     { for (ll=0; ll<2; ll++)
  175.       { tt=PreFld[ii0][jj][kk][ll];
  176.         PreFld[ii0][jj][kk][ll]=PreFld[ii1][jj][kk][ll];
  177.         PreFld[ii1][jj][kk][ll]=tt;
  178.       }
  179.     }
  180.   }
  181. }
  182.  
  183. function SwitchJ(jj0,jj1)
  184. { var ii,kk,ll,tt;
  185.   for (ii=0; ii<2; ii++)
  186.   { for (kk=0; kk<2; kk++)
  187.     { for (ll=0; ll<2; ll++)
  188.       { tt=PreFld[ii][jj0][kk][ll];
  189.         PreFld[ii][jj0][kk][ll]=PreFld[ii][jj1][kk][ll];
  190.         PreFld[ii][jj1][kk][ll]=tt;
  191.       }
  192.     }
  193.   }
  194. }
  195.  
  196. function SwitchK(ii,kk0,kk1)
  197. { var jj,ll,tt;
  198.   for (jj=0; jj<2; jj++)
  199.   { for (ll=0; ll<2; ll++)
  200.     { tt=PreFld[ii][jj][kk0][ll];
  201.       PreFld[ii][jj][kk0][ll]=PreFld[ii][jj][kk1][ll];
  202.       PreFld[ii][jj][kk1][ll]=tt;
  203.     }
  204.   }
  205. }
  206.  
  207. function SwitchL(jj,ll0,ll1)
  208. { var ii,kk,tt;
  209.   for (ii=0; ii<2; ii++)
  210.   { for (kk=0; kk<2; kk++)
  211.     { tt=PreFld[ii][jj][kk][ll0];
  212.       PreFld[ii][jj][kk][ll0]=PreFld[ii][jj][kk][ll1];
  213.       PreFld[ii][jj][kk][ll1]=tt;
  214.     }
  215.   }
  216. }
  217.  
  218. function MixNumbers()
  219. { var nn,tt,ii,jj,kk,ll,rr=new Array(0,1,2,3,4);
  220.   for (nn=0; nn<48; nn++)
  221.   { ii=1+Math.floor(Math.random()*4);
  222.     jj=1+Math.floor(Math.random()*4);
  223.     tt=rr[ii];
  224.     rr[ii]=rr[jj];
  225.     rr[jj]=tt;
  226.   }
  227.   for (ii=0; ii<2; ii++)
  228.   { for (jj=0; jj<2; jj++)
  229.     { for (kk=0; kk<2; kk++)
  230.       { for (ll=0; ll<2; ll++)
  231.         { tt=PreFld[ii][jj][kk][ll];
  232.           PreFld[ii][jj][kk][ll]=rr[tt];
  233.         }
  234.       }
  235.     }
  236.   }    
  237. }
  238.  
  239. function random(nn)
  240. { return(Math.floor(Math.random()*nn));
  241. }
  242.  
  243. function Scramble()
  244. { var ff=0, ss, tt, vv0, vv1, vv2;
  245.   for (i=0; i<2; i++)
  246.   { for (j=0; j<2; j++)
  247.     { for (k=0; k<2; k++)
  248.       { for (l=0; l<2; l++)
  249.           PreFld[i][j][k][l]=PreFld0[i][j][k][l];
  250.       }
  251.     }
  252.   }
  253.   for (j=0; j<2; j++)
  254.   { tt=PreFld[0][j][0][0];
  255.     for (k=0; k<1; k++)
  256.       PreFld[0][j][k][0]=PreFld[0][j][k+1][0];
  257.     PreFld[0][j][2][0]=tt;
  258.   }
  259.   for (j=0; j<2; j++)
  260.   { tt=PreFld[0][j][2][2];
  261.     for (k=1; k>0; k--)
  262.       PreFld[0][j][k][2]=PreFld[0][j][k-1][2];
  263.     PreFld[0][j][0][2]=tt;
  264.   }
  265.   for (ff=0; ff<54; ff++)
  266.   { j=random(2);
  267.     k=random(2);
  268.     vv0=PreFld[0][j][k][1];
  269.     vv1=PreFld[0][j][k][2];
  270.     if (PreFld[1][j][(k+2)%3][1]==vv1)
  271.     { vv2=PreFld[1][j][(k+2)%3][2];
  272.       for (tt=0; tt<2; tt++)
  273.       { if ((PreFld[2][j][tt][1]==vv2)&&(PreFld[2][j][tt][2]==vv0))
  274.         { PreFld[0][j][k][1]=vv1;
  275.           PreFld[0][j][k][2]=vv0;
  276.           PreFld[1][j][(k+2)%3][1]=vv2;
  277.           PreFld[1][j][(k+2)%3][2]=vv1;
  278.           PreFld[2][j][tt][1]=vv0;
  279.           PreFld[2][j][tt][2]=vv2;
  280.         }
  281.       }
  282.     }
  283.     j=random(2);
  284.     k=random(2);
  285.     vv0=PreFld[0][j][k][0];
  286.     vv1=PreFld[0][j][k][1];
  287.     if (PreFld[1][j][k][0]==vv1)
  288.     { vv2=PreFld[1][j][k][1];
  289.       for (tt=0; tt<2; tt++)
  290.       { if ((PreFld[2][j][tt][0]==vv2)&&(PreFld[2][j][tt][1]==vv0))
  291.         { PreFld[0][j][k][0]=vv1;
  292.           PreFld[0][j][k][1]=vv0;
  293.           PreFld[1][j][k][0]=vv2;
  294.           PreFld[1][j][k][1]=vv1;
  295.           PreFld[2][j][tt][0]=vv0;
  296.           PreFld[2][j][tt][1]=vv2;
  297.         }
  298.       }
  299.     }
  300.   }  
  301.   for (ff=0; ff<3; ff++)
  302.   { i=random(2);
  303.     j=random(2);
  304.     if (i!=j) SwitchI(i,j);
  305.     i=random(2);
  306.     j=random(2);
  307.     if (i!=j) SwitchJ(i,j);
  308.     i=random(2);
  309.     k=random(2);
  310.     l=random(2);
  311.     if (k!=l) SwitchK(i,k,l);
  312.     j=random(2);
  313.     k=random(2);
  314.     l=random(2);
  315.     if (k!=l) SwitchL(j,k,l);    
  316.   }
  317.   MixNumbers();
  318.   for (i=0; i<2; i++)
  319.   { for (j=0; j<2; j++)
  320.     { for (k=0; k<2; k++)
  321.       { for (l=0; l<2; l++)
  322.           Fld[i][j][k][l]=PreFld[i][j][k][l];
  323.       }
  324.     }
  325.   }
  326.   ff=0;
  327.   while (ff<40)
  328.   { i=Math.floor(Math.random()*2);
  329.     j=Math.floor(Math.random()*2);
  330.     k=Math.floor(Math.random()*2);
  331.     l=Math.floor(Math.random()*2);
  332.     if (Fld[i][j][k][l]>0) { Fld[i][j][k][l]=0; ff++; }
  333.     if (Fld[2-i][2-j][2-k][2-l]>0) { Fld[2-i][2-j][2-k][2-l]=0; ff++; }
  334.     if (Fld[j][i][l][k]>0) { Fld[j][i][l][k]=0; ff++; }
  335.     if (Fld[2-j][2-i][2-l][2-k]>0) { Fld[2-j][2-i][2-l][2-k]=0; ff++; }
  336.   }
  337.   I_Sel=-1;
  338.   IsOver=false;
  339.   RefreshScreen();
  340.   Now = new Date();
  341.   StartTime = Now.getTime() / 1000;
  342. }
  343.  
  344. function RefreshScreen()
  345. { for (i=0; i<2; i++)
  346.   { for (j=0; j<2; j++)
  347.     { for (k=0; k<2; k++)
  348.       { for (l=0; l<2; l++)
  349.         { window.document.images[4*i+24*j+k+2*l].src = NPic[Fld[i][j][k][l]].src;
  350.         }
  351.       }
  352.     }
  353.   }
  354. }
  355. function Help()
  356. { alert("Put the missing Czech letters into the grid"+
  357.       "\nso that every letter occurs once in every row"+
  358.       "\nand column and in every 2x2 block."+
  359.       "\nThe `A means Put answer here.");
  360. }
  361. </script>
  362.  

tpgames's Avatar
Needs Regular Fix
  
Join Date: Jan 2007
Location: MN, USA - but rather be in UK
Posts: 356
#2: Mar 5 '07

re: What is wrong with this script? Images doesn't show.

The rest of the code, as I have no clue where my error might be.
Expand|Select|Wrap|Line Numbers
  1.  </head>
  2. <BODY bgcolor="#eeddcc">
  3.  
  4. <form>
  5. <DIV ALIGN=center>
  6. <table border=0 cellpadding=4 cellspacing=0 align=center><tr><th colspan=3>
  7. <script language="JavaScript">
  8. document.open("text/plain");
  9. document.writeln("<table border=0 cellpadding=0 cellspacing=1 bgcolor='#000000'><tr><th><table border=0 cellpadding=0 cellspacing=2>");
  10. for (j=0; j < 2; j++)
  11. { document.writeln("<tr>");
  12.   for (i=0; i < 2; i++)
  13.   { document.writeln("<th><table border=0 cellpadding=0 cellspacing=0>");
  14.     for (l=0; l<2; l++)
  15.     { document.writeln("<tr>");
  16.       for (k=0; k<2; k++)
  17.         document.writeln("<th><IMG src=\"rebu_n.gif\" border=0 onMouseDown=\"Clicked("+i+","+j+","+k+","+l+")\"></th>");
  18.       document.writeln("</tr>");
  19.     }
  20.     document.writeln("</table></th>");
  21.   }
  22.   document.writeln("</tr>");
  23. }
  24. document.writeln("</table></th></tr></table></th></tr>");
  25. document.writeln("<tr><th colspan=3><table border=0 cellpadding=0 cellspacing=1>");
  26. document.writeln("<tr align=center>");
  27. for (i=1; i < 5; i++)
  28. document.writeln("<td><IMG src=\"rebu"+eval(i)+"n.gif\" border=0 onMouseDown=\"KeyDown("+eval(48+i)+")\"></td>");
  29. document.writeln("</tr>");
  30. document.writeln("</table></th></tr>");
  31.  
  32. if (navigator.appName == "Konqueror")
  33. { document.write("<tr><td colspan=3><input width=0 height=0 style=\"width:0; height:0\" name=\"KeyCatch\" onBlur=\"KeyCatchFocus()\" onKeyUp=\"KeyCatchChange()\"></td></tr>");
  34.   KeyCatchFocus();
  35. }
  36. function KeyCatchFocus()
  37. { setTimeout("document.forms[0].KeyCatch.focus()",100);
  38. }
  39. function KeyCatchChange()
  40. { var vv=""+document.forms[0].KeyCatch.value;
  41.   if (vv=="") return;
  42.   KeyDown(vv.charCodeAt(0));
  43.   document.forms[0].KeyCatch.value="";
  44. }
  45.  
  46. document.close();
  47. </script>
  48. <tr>
  49. <th><input type=button value="NEW" width=70 style="width:70" onClick="javascript:Scramble()"></th>
  50. <th><input type=button value="SOLVE IT" width=90 style="width:90" onClick="javascript:Show()"></th>
  51. <th><input type=button value="RULES" width=70 style="width:70" onClick="javascript:Help()"></th>
  52. </tr>
  53.  
  54. <tr>
  55. <td class="tpmarble"><a href="http://www.tpgames.net/gaming/2/labnav.html"> Games </a></td>
  56. <td class="tpmarble"><a href="http://www.tpgames.net/gaming/2/puzzlers/sudoku/sudoku.html"> Sudoku </a></td>
  57. <td class="tpmarble"><a href="http://www.tpgames.net/gaming/2/puzzlersnav.html"> Puzzlers </a></td>
  58. </tr>
  59.  
  60.  
  61. </table>
  62. </DIV>
  63. </form>
  64. <script language="JavaScript">
  65.   Scramble();
  66. </script>
  67. </BODY>
  68. </HTML>
ronverdonk's Avatar
Moderator
  
Join Date: Jul 2006
Location: The Netherlands
Posts: 4,139
#3: Mar 5 '07

re: What is wrong with this script? Images doesn't show.

With this size of code (no of lines) shown, I am bound to ask you:

what have you done so far to pinpoint the area in which the problem is occurring? Like traces, traps, debug texts, etc.

Ronald :cool:
acoder's Avatar
Site Moderator
  
Join Date: Nov 2006
Location: UK
Posts: 14,581
#4: Mar 6 '07

re: What is wrong with this script? Images doesn't show.

You're converting a 3x3 script to a 2x2, so make sure you understand what's going on in the 3x3 one first before attempting to make any changes.

There's some keyboard checking code which is not the best. You should never use browser sniffing except as a last resort. You can check for the key pressed using a cross-browser method using object detection using something similar to the code in this link.
Reply

« previous question | next question »

Similar JavaScript / Ajax / DHTML bytes

/bytes/development

/bytes/it

Forums
Visit our community forums for general discussions and latest on Bytes

Our staff and community areas have moved to bytes.com/forums/

/bytes/about

We are a network of experts and professionals in IT and software development that help one another with answers to tough questions and share insights. Get the best answers to your questions from over 226,419 network members.

dev questions:
algorithms | asp | asp.net | c/c++ | coldfusion | c# | flash | html/css | java | javascript |
mobile dev | .net | perl | php | python | ruby | software dev | vb.net | visual basic | xml
it questions:
access | apache | careers | db2 | iis | macosx | mysql | networking | oracle | postgresql | sql server | unix | windows

About Bytes | Copyright 1995-2009 BYTES. All rights Reserved