Expand|Select|Wrap|Line Numbers
- // JavaScript Document
- var easy = "046280000500600740200000000005032070021000480030170500000000005094001007000096830";
- var easySplit = easy.split('');
- var eAns = "946287351583619742217543698865432179721965483439178526678324915394851267152796834";
- var eAnspl = eAns.split('');
- var medium = "000800017430000000002000900200008000097603480000700005006000100000000048580001000";
- var medSplit = medium.split('');
- var hard = "900001050765000000100300008000006040000218000090400000600004002000000837030100005";
- var hardSplit = hard.split('');
- var celltab = document.getElementById('sudoform');
- var cells = document.getElementsByTagName('input');
- var enter = '';
- var enter1 = new Array();
- //function to create the 3*3 regions
- function createTable(){
- if (!getElementById || !document.createTextNode){return;}
- var cellno=0;
- for(var k=1; k<4 ; k++){
- var d=document.getElementById('sudo');
- var box= document.getElementById('b'+(k));
- var table=document.createElement('table');
- table.setAttribute('id', 'intable'+k);
- for(var i=1; i<4; i++){
- var row = document.createElement('tr');
- for(var j=1; j<4; j++){
- cellno++;
- var cell = document.createElement('td');
- var input = document.createElement('input');
- input.setAttribute('type','text');
- input.setAttribute('maxlength','1');
- input.setAttribute('size','1');
- //input.setAttribute('value',cellno);
- input.setAttribute('readonly','true');
- row.appendChild(cell);
- cell.appendChild(input);
- }
- table.appendChild(row);
- table.insertRow();
- }
- box.appendChild(table);
- row.setAttribute('id', 'k'+k);
- }
- }
- //run the 3*3 function three times to create 9 regions in all
- function createTables(){
- for(var z=0; z<3; z++){
- createTable();
- }
- }
- //function to assign each cell an ID
- function assignID() {
- for(var m=1; m<cells.length+1;m++){
- cells[m-1].setAttribute('id','c'+m);
- cells[m-1].setAttribute('value', easySplit[m-1]);
- //if(cells[m-1].value=='0'){
- //input.setAttribute('readonly','false');
- //}
- if(cells[m-1].value==0){
- cells[m-1].value='';
- cells[m-1].removeAttribute('readonly');
- }
- }
- }
- function checkValues(){
- for(var a=0; a<=cells.length-1; a++){
- enter += String(cells[a].getAttribute('value'));
- }
- if (eAns!=enter){
- alert('sorry it is not right');
- }else{
- alert('Congratualtions you have completed the easy level');
- }
- }
I cant seem to figure out the problem. I am quite new to javascript and i was also wondering is it better to create tables using javascript or is it better to just use XHTML and use java just to access the content.
Thanks