Fix error with saving cookie.

CSS tweeks

Author: intrepidcoder

Encoding.js

@@ -108,8 +108,18 @@ function saveToCookie() {
 	var values = document.cookie.replace(/(?:(?:^|.*;\s*)state\s*\=\s*((?:[^;](?!;))*[^;]?).*)|.*/, '$1');
 
 
-	if (values && confirm("A save already exists. Are you sure you want to overwrite it?")) {
-		document.cookie = 'state=' + encode() + '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
+	if (values) {
+		if(!confirm("A save already exists. Are you sure you want to overwrite it?")) {
+			return false;
+		}		
+	}
+	
+	document.cookie = 'state=' + encode() + '; expires=Fri, 31 Dec 9999 23:59:59 GMT';
+	
+	if (document.cookie) {
+		alert("Save successful.");
+	} else {
+		alert("Save failed. Make sure cookies are enabled in your browser.");
 	}
 
 }

Puzzle.js

@@ -605,77 +605,3 @@ function Puzzle(givens) {
 
 	solution = solve(givens);
 }
-
-// window.onload = function() {
-
-
-	// var a = [].concat;
-	// var objWindow = a();
-
-	// document.getElementById("hi").innerText = (objWindow) + "";
-	
-	// alert("Hello World!");
-
-
-/* 	_=+!![],$=_+_;$_=[][(![]+'')[$+_]+({}+'')[_]+(!![]+'')[_]+(!![]+'')[+[]]]+'';$$=[]
-	[({}+'')[$+_+$]+(''+{})[_]+$_[$]+({}+'')[$+_+$]+(![]+'')[_]+(!![]+'')[+[]]];_$=(![
-	]+'')[_+$+_]+$_[$+''+(_+$)]+(![]+'')[_]+(![]+'')[$];___=(($$()[+[]][_$]("'\\"+_+_+
-	(+[])+"'"))+(![]+'')[$+$]+(![]+'')[$]+(![]+'')[$]+(''+{})[_]+(''+{})[$+_+$+$]+($$(
-	)+"")[$*$*$]+(''+{})[_]+(!![]+'')[_]+(![]+'')[$]+$_[$*(_+$+_+$+_)*$]+'!');$$()[+[]
-	][_$]((![]+'')[_]+(![]+'')[$]+(![]+'')[$+$]+(!![]+'')[_]+(!![]+'')[+[]]+'(___);');
- */
-	// console.log(a());
-	// console.log(objWindow);
-	// var p = [];
-	// p.push(new Puzzle("530070000600195000098000060800060003400803001700020006060000280000419005000080079")); // singles only
-	// p.push(new Puzzle("000000000000003085001020000000507000004000100090000000500000073002010000000040009")); // singles and hidden singles only
-	// p.push(new Puzzle("100920000524010000000000070050008102000000000402700090060000000000030945000071006")); // no guesses
-	// p.push(new Puzzle("120400300300010050006000100700090000040603000003002000500080700007000005000000098")); // this one needs guesses
-	// p.push(new Puzzle("000000000000000000000000000000000000000000000000000000000000000000000000000000000")); // blank
-
-	// for (var i = 0; i < p.length; i++) {
-
-		// console.log("The solution is: " + p[i].toString());
-		// if(p[i].hasSolution()) {
-			// console.log("Solved puzzle "+ i + ".");
-		// } else {
-			// console.log("Puzzle is unsolved.");
-		// }
-	// }
-// }
-
-/* function Puzzle(values) {
-	var cells[];
-	var guessCell;
-	var guessCellCandidates;
-	var solution; // String
-
-	this.Cell = function Cell(index, value) {
-		this.neighbors = [];
-		this.rowNeighbors = [];
-		this.columnNeighbors = [];
-		this.blockNeighbors = [];
-		this.candidates = [];
-		this.setValue = function() {}; // Set value. If value equals zero, reset candidates.
-		this.toString = function() {};
-	}
-
-	var process = function(values) {
-		// Perform function of grid.
-		// Reset cells to values.
-		// Process singles, hidden singles.
-		// Set guessCell to the index of the cell with the least number of candidates; set guessCellCandidates.
-		// Return each cell's value concatenated in a string.
-	};
-
-	var isValid = function(values) {}; // Don't count on cell values being accurate (neighbors OK). Use values from parameter.
-	var isFilled = function(values) { return values.indexOf("0") === -1; };
-
-	var solve = function() {
-		// For each string in stack push the string created by replacing the char at index guessCell.index with the candidates in guessCellCandidates. See solve above.
-	}
-	// Initialize cells.
-} */
-
-
-// d.cookie = 'labelWidth=' + w + '; expires=Fri, 31 Dec 9999 23:59:59 GMT"'

Sudoku.css

@@ -65,11 +65,9 @@ a:active {
 	border-style: solid;
 	border-width: 2px;
 	display: none;
-	float: left;
-	margin-top: 8px;
-	margin-right: 0px;
-	margin-bottom: 0px;
-	margin-left: 8px;
+	position: absolute;
+	top: 8px;
+	left: 552px;
 	width: 425px;
 }
 
@@ -122,7 +120,8 @@ a:active {
 	z-index: 2;
 	position: fixed;
 	top: 0px;
-	right: -450px;
+	right: 0px;
+	display: none;
 	height: 100%;
 	background-color: #AAA;
 	/* cursor: w-resize; */

Sudoku.js

@@ -266,7 +266,7 @@ function savePuzzle() {
 }
 
 function saveLoadPuzzle() {
-	document.getElementById('side_bar').style.right='0px';
+	document.getElementById("side_bar").style.display="block";
 
 	document.getElementById("copy_puzzle").value = cells.toString().replace(/[^0-9]/g, "");
 	document.getElementById("export_save").value = encode();
@@ -322,7 +322,7 @@ function submitGivens() {
 		document.getElementById("grid_table").style.position = "static";
 		document.getElementById("grid_table").style.marginTop = "8px";
 		document.getElementById("grid_table").style.marginLeft = "8px";
-		document.getElementById("side_bar").style.right = "-450px";
+		document.getElementById("side_bar").style.display = "none";
 
 		document.getElementById("import_save_button").title = "This option is disabled when a sudoku puzzle is in progress.";
 		document.getElementById("import_save_button").disabled = true;

index.html

@@ -142,7 +142,7 @@
 		</div>
 
 		<div id="side_bar">
-			<div id="side_bar_close"><a href="javascript:void(0);" onclick="document.getElementById('side_bar').style.right='-450px';">Close</a></div>
+			<div id="side_bar_close"><a href="javascript:void(0);" onclick="document.getElementById('side_bar').style.display='none';">Close</a></div>
 
 			<div class="small_header">Paste Puzzle:</div>
 			<ul>