Show solution opens in a second window.

Author: intrepidcoder

Encoding.js

@@ -53,8 +53,6 @@ function decode(input) {
 		return;
 	}
 
-	submitGivens();
-	
 	for (var i = 0; i < 81; i++) {
 		currentCell = cells[i];
 
@@ -92,6 +90,8 @@ function decode(input) {
 		currentCell.candidatesElement.innerHTML = currentCell.getPencilmarkString();
 	}
 
+	submitGivens();
+	showDuplicates();
 }
 
 function loadFromCookie() {

Sudoku.js

@@ -344,44 +344,82 @@ function submitGivens() {
 
 			currentCell.solution = parseInt(cells.solution[i]);
 		}
-		
-		clearPencilmarks();
 	}
 }
 
 function showSolution() {
+	var currentElement;
+	var row;
+	var solution = "";
 
-	var currentCell;
-
-	if (cells.solution === undefined) return;
+	if (cells.solution === undefined || !window.confirm("Are you sure you want to show the solution?")) {
+		return;
+	}
 
-	if (document.getElementById("show_solution").checked) {
-		if (!window.confirm("Are you sure you want to show the solution?")) {
-			document.getElementById("show_solution").checked = false;
-			return;
+	
+	for (var i = 0; i < 9; i++) {
+		row = i * 9;
+		solution += cells.solution.charAt(row) + " " + cells.solution.charAt(row + 1) + " " + cells.solution.charAt(row + 2) + " | ";
+		solution += cells.solution.charAt(row + 3) + " " + cells.solution.charAt(row + 4) + " " + cells.solution.charAt(row + 5) + " | ";
+		solution += cells.solution.charAt(row + 6) + " " + cells.solution.charAt(row + 7) + " " + cells.solution.charAt(row + 8) + "<br />";
+		
+		if (i == 2 || i == 5) {
+			solution += "------+-------+------<br />";
 		}
+	}
+	
+	if (window.solutionWindow) {
+		window.solutionWindow.close();
+	}
+	
+	window.solutionWindow = window.open("", "", "height=230,width=208,status=0,menubar=0");
+	
+	currentElement = window.solutionWindow.document.head.appendChild(document.createElement("title"));
+	currentElement.textContent = "Solution";
+	
+	
+	
+	currentElement = window.solutionWindow.document.body.appendChild(document.createElement("div"));
+	
+	// alert(solution);
+	
+	currentElement.innerHTML = solution;
+	currentElement.style.fontFamily = "Consolas";
+	currentElement.style.fontColor = "#666";
+	
+	window.onunload = function() {
+		window.solutionWindow.close();
+	};
+	
+	
+	
+	// if (document.getElementById("show_solution").checked) {
+		// if (!window.confirm("Are you sure you want to show the solution?")) {
+			// document.getElementById("show_solution").checked = false;
+			// return;
+		// }
 
-		for (var i = 0; i < 81; i++) {
-			currentCell = cells[i];
+		// for (var i = 0; i < 81; i++) {
+			// currentCell = cells[i];
 
-			if (currentCell.element.children.length > 0) {
-				currentCell.element.firstChild.value = currentCell.solution;
-				currentCell.element.firstChild.disabled = true;
-			}
+			// if (currentCell.element.children.length > 0) {
+				// currentCell.element.firstChild.value = currentCell.solution;
+				// currentCell.element.firstChild.disabled = true;
+			// }
 
 
-		}
-	} else {
-		for (var i = 0; i < 81; i++) {
-			currentCell = cells[i];
+		// }
+	// } else {
+		// for (var i = 0; i < 81; i++) {
+			// currentCell = cells[i];
 
-			if (currentCell.element.children.length > 0) {
-				currentCell.element.firstChild.disabled = false;
+			// if (currentCell.element.children.length > 0) {
+				// currentCell.element.firstChild.disabled = false;
 
-				currentCell.element.firstChild.value = currentCell.value === 0 ? "" : currentCell.value;
-			}
-		}
-	}
+				// currentCell.element.firstChild.value = currentCell.value === 0 ? "" : currentCell.value;
+			// }
+		// }
+	// }
 }
 
 function getHint() {

index.html

@@ -127,8 +127,9 @@
 				<div class="small_header">Solution/Hints:</div>
 				<ul>
 					<li>
-						<input type="checkbox" name="show_solution" id="show_solution" title="Show the solution to the sudoku puzzle." onclick="showSolution();" />
-						<label for="show_solution" title="Show the solution to the sudoku puzzle.">Show solution.<label>
+						<!-- <input type="checkbox" name="show_solution" id="show_solution" title="Show the solution to the sudoku puzzle." onclick="showSolution();" />
+						<label for="show_solution" title="Show the solution to the sudoku puzzle.">Show solution.<label> -->
+						<input type="button" name="show_solution" id="show_solution" value="Show Solution" title="Show the solution to the sudoku puzzle in a new window." onclick="showSolution();" />
 					</li><li>
 						<input type="button" name="get_hint" id="get_hint" value="Hint (3)" title="Give a hint for the selected cell. There are three hints remaining." onclick="getHint();" />
 					</li>
@@ -138,7 +139,7 @@
 		</div>
 
 		<div id="begin_solving">
-			<input type="button" value="Begin Solving" id="begin_solving_button" class="large_button" title="Submit the entered numbers as clues and begin solving the sudoku puzzle." onclick="submitGivens();" onmouseover="this.classList.add('large_button_hover'); this.classList.remove('large_button');" onmousedown="this.classList.add('large_button_hover'); this.classList.remove('large_button');" onmouseout="this.classList.add('large_button'); this.classList.remove('large_button_hover');" />
+			<input type="button" value="Begin Solving" id="begin_solving_button" class="large_button" title="Submit the entered numbers as clues and begin solving the sudoku puzzle." onclick="submitGivens(); clearPencilmarks();" onmouseover="this.classList.add('large_button_hover'); this.classList.remove('large_button');" onmousedown="this.classList.add('large_button_hover'); this.classList.remove('large_button');" onmouseout="this.classList.add('large_button'); this.classList.remove('large_button_hover');" />
 		</div>
 
 		<div id="side_bar">