Sudoku Game Help

This site is best viewed in a modern browser with JavaScript enabled.

KarneeKarnay

I'm making a sudoku game as part of my web development course, and one of the things I need help with is this.

function input_values() 
{
	var values = document.getElementsByClassName(three-col);
}

So I'm using a css framwork to build my layout. I was thinking, as the game grid uses only one class, could I put all times this class is called, into a var. Then cycle through that var to build my game. This shows no errors, but I'm relativly new to Js and I would apreicate someone telling me how to test if this is right.

The other thing I would like some help with is converting these to input text areas via Js and if anyone has any links to trutorials, or maybe an algorithm I could use to generate the puzzles.

007Julien

You can probably find some things in this page (See the script) which solve Sudoku and display grids.
You have probably to distinguish the board (see an interresting object in the preceding script) and his draw on the page...
I never find good script about Sudoku generation in the past, but some pages with Sudokus like this 49.151 Sudokus with 17 entries

Edit : Apparently this has changed see for example this paper...

KarneeKarnay

Thanks. I'll look through it when I can.

I'm in a little snag other this.

document.getElementById("Difficulty").innerHTML="<button id = 1 onClick="returnDiff(this.id)">Easy</button> <button id = 2 onClick="returnDiff(this.id)">Normal</button> <button id = 3 onClick="returnDiff(this.id)">Hard</button>"

KarneeKarnay

Sorry. I ment to add that the problem is that it can't tell I want to write this line, becuase of all the " " inside of this.

xelawho

does this help?

document.getElementById("Difficulty").innerHTML="<button id = 1 onClick='returnDiff(this.id)'>Easy</button> <button id = 2 onClick='returnDiff(this.id)'>Normal</button> <button id = 3 onClick='returnDiff(this.id)'>Hard</button>"

KarneeKarnay

xelawho;1258565 wrote:
does this help?
document.getElementById("Difficulty").innerHTML="<button id = 1 onClick='returnDiff(this.id)'>Easy</button> <button id = 2 onClick='returnDiff(this.id)'>Normal</button> <button id = 3 onClick='returnDiff(this.id)'>Hard</button>"

It does! Thank You. Can I ask how though? Was it really just adding an apostrophe instead of quotations? If so I feel really stupid.

KarneeKarnay

So this is an annoying problem. I'm trying to return the value of a var, that I've assigned inside a function the the var outside of it.

var choice;

function returnDiff(clicked_id)
{
	choice = clicked_id;
	alert(clicked_id);
	return choice;
}

The reason for this is I want it to return the difficulty chosen. The test I've been using is this...

[code[
function generateGame(choice)
{
alert(choice);
}
[/code]

Also I'm still looking for help on the first post. I know it registers all the squares that make the sudoku layout, but I've no idea how to acess the info inside.

xelawho

pretty much. A string lasts from the first single or double quote to the next matching one, so your code was rendering

document.getElementById("Difficulty").innerHTML="<button id = 1 onClick="

as the first string, then junk in between, then

">Easy</button> <button id = 2 onClick="

as a separate, second string, etc

you can get around it in your case by using singles within doubles (or vice versa, not important). If you need another set of quotes in there (for example if you were trying to pass another string as an argument in your onclicks) you would have to escape the quotes, which is another way to get around the problem you were having

xelawho

you don't need to return the value... and the only place that code is returning the value to is the onclick of the button anyway, which is kind of meaningless. All you need to do is

var choice;

function returnDiff(clicked_id)
{
	choice = clicked_id;
	alert(clicked_id);
}

and whenever that function is run the choice variable will be assigned whatever value "clicked_id" is

(it may be a good time to point out that IDs that start with numbers are considered illegal html for most doctypes, unless you are coding in html5)

KarneeKarnay

xelawho;1258587 wrote:
you don't need to return the value... and the only place that code is returning the value to is the onclick of the button anyway, which is kind of meaningless. All you need to do is
var choice;

function returnDiff(clicked_id)
{
	choice = clicked_id;
	alert(clicked_id);
}
and whenever that function is run the choice variable will be assigned whatever value "clicked_id" is

(it may be a good time to point out that IDs that start with numbers are considered illegal html for most doctypes, unless you are coding in html5)

Thanks and I'll edit my code.

KarneeKarnay

The next thing I could with some help is reading a text file.

http://school.maths.uwa.edu.au/~gordon/sudoku17

This link containes thousands of possible sudoku puzzles for a 9x9 grid. What I would like to do is take a line, stick it in an array, then apply it to all my squares. The only part I need help with is the reading from a txt file.

KarneeKarnay

Just a heads up. I have solved the first post problem.

function generateGame(choice)
{
	if( choice == null)
	{
		alert("Please choose a Difficulty");	
	}
	else
	{
		generate = true;

	var grid = document.getElementsByClassName("three-col");
	for(var i = 0; i < (grid.length+1); i++)
	{
		 var temp = grid[i];

                     alert("The contents of the " + (i) + ". Element is" + temp.innerHTML);
	}
}
}

ignore the first if statement, but the solution I found was that adding innerHTML reads and then displays the content of that element. I reached this point with the help of this. http://help.dottoro.com/ljpxmhgp.php

xelawho

to read a text file you will have to use something like ajax (if you have the file on your own server). If it is hosted on someone else's server, you will need to use server-side coding, or possibly jsonp

KarneeKarnay

xelawho;1258629 wrote:
to read a text file you will have to use something like ajax (if you have the file on your own server). If it is hosted on someone else's server, you will need to use server-side coding, or possibly jsonp

It's probably not going to be uploaded at all. I suppose a way around this would just to copy and paste the puzzles, but that just seems messy.

007Julien

It's possible to copy and paste a text file in a textarea to read the content (a suit of 81 digits with 0 for leer cells) and draw a sudoku...

KarneeKarnay

Been a while I know, but I could do with some help. I'm not sure if this is possible within js but I want to stick arrays within an arrays, retrive a specific array and display it. This current code returns puzzleHolder as undefined. Any idea why?


var difficulty = new Array(Easy, Normal, Hard);

var puzzle_1 = "400537091900100200850000004509080003700020405040000700108409000020050060000003000";
Easy = puzzle_1.split("");
var puzzle_2 = "240057360000008009378000200060041702080000005000005010130000000050003026000812000";
Medium = puzzle_2.split("");
var puzzle_3 = "500127008000000020039000000040070600006000002800030009005700000000400580170090300";
Hard = puzzle_3.split("");

function getDiff(choice)
{
	for( var q = 0; q < difficulty.length; q++)
	{
		var temp_string = difficulty[q].toString();
		//alert(temp_string);
		if( choice == temp_string )
		{
			//alert(temp_string);
			puzzleHolder = difficulty[temp_string];
			//alert(puzzleHolder);

		return puzzleHolder;
	}
}	
}

I think after this it's a very simple process of displaying the sample puzzles.

iBeZi

You're defining your difficulty array before you define you're easy/medium/hard arrays, so you're adding a bunch of undefined variables.

KarneeKarnay

thanks for the quick repsonce. I've tried shifiting the difficulty array below and it still returns it as undefined.

007Julien

It's too possible to define javascript Arrays like this http://mamisab.chez-alice.fr/sudoku/Su17Epb.js with sudokus. Then there is no need of Ajax to load sudokus...

iBeZi

KarneeKarnay;1260845 wrote:
thanks for the quick repsonce. I've tried shifiting the difficulty array below and it still returns it as undefined.

You're also passing "Normal" into the difficulty array, I think that's supposed to be "Medium"