css/style.css

@@ -95,10 +95,6 @@ td {
 }
 
 .table-active {
-    cursor: inherit !important;
-}
-
-.table-danger {
     cursor: not-allowed !important;
 }
 
@@ -108,7 +104,6 @@ table {
 
 button,
 label {
-    padding: .375rem .6rem !important;
     cursor: pointer;
 }
 

js/sudoku.js

@@ -37,8 +37,6 @@ window.onload = function() {
                 box.oninput = oninput
                 box.onblur = onblur
                 box.onclick = onclick
-                box.onmouseenter = onmouseenter
-                box.onmouseleave = onmouseleave
                 box.previousValue = ""
                 box.previousPlaceholder = ""
             }
@@ -55,8 +53,9 @@ window.onload = function() {
         rowId++
     }
 
-    if (localStorage["sightCheckbox.checked"] == "true") sightCheckbox.checked = true
+    if (localStorage["highlighterCheckbox.checked"]) {
-    if (localStorage["highlighterCheckbox.checked"] == "true") highlighterCheckbox.checked = true
+        highlighterCheckbox.checked = true
+    }
     loadSavedGame()
 
     boxes.forEach(box => {
@@ -272,33 +271,6 @@ function onblur() {
     }
 }
 
-function onmouseenter(event) {
-    if (sightCheckbox.checked){
-        box = event.target
-        box.neighbourhood.concat([box]).forEach(neighbour => {
-            neighbour.parentElement.classList.add("table-active")
-        })
-
-        box.neighbourhood.forEach(neighbour => {
-            if (valueToInsert && neighbour.value == valueToInsert) {
-                for (neighbour of[box, neighbour]) {
-                    neighbour.parentElement.classList.add("table-danger")
-                }
-            }
-        })
-}
-}
-
-function onmouseleave(event) {
-    if (sightCheckbox.checked){
-        box = event.target
-        box.neighbourhood.concat([box]).forEach(neighbour => {
-            neighbour.parentElement.classList.remove("table-active")
-            neighbour.parentElement.classList.remove("table-danger")
-        })
-    }
-}
-
 function insert(radio) {
     if (radio.value == valueToInsert) {
         valueToInsert = ""
@@ -349,7 +321,6 @@ function save() {
 }
 
 window.onbeforeunload = function(event) {
-    localStorage["sightCheckbox.checked"] = sightCheckbox.checked
     localStorage["highlighterCheckbox.checked"] = highlighterCheckbox.checked
     if (!saveButton.disabled) {
         event.preventDefault()

sudoku.php

@@ -10,30 +10,24 @@
             <h1 class="display-4 mb-3">Sudoku</h1>
         </header>
         <div class='d-flex justify-content-between mb-2'>
-            <div class='btn-group'>
+            <div class='radioGroup btn-group'>
-                <input type='radio' id='inkPenRadio' class='btn-check' name='penRadioGroup' checked />
+                <input type='radio' id='inkPenRadio' class='btn-check' name='tool' checked />
                 <label for='inkPenRadio' class='btn btn-primary' title='Écrire un chiffre'>
                     <i class="bi bi-pen-fill"></i>
                 </label>
-                <input type='radio' id='pencilRadio' class='btn-check' name='penRadioGroup' />
+                <input type='radio' id='pencilRadio' class='btn-check' name='tool' />
                 <label for='pencilRadio' class='btn btn-primary' title='Prendre des notes'>
                     <i class="bi bi-pencil-fill"></i>
                 </label>
-                <input type='radio' id='eraserRadio' class='btn-check' name='penRadioGroup' />
+                <input type='radio' id='eraserRadio' class='btn-check' name='tool' '/>
                 <label for='eraserRadio' class='btn btn-primary' title='Effacer une case'>
                     <i class="bi bi-eraser-fill"></i>
                 </label>
             </div>
-            <div class='btn-group'>
+            <input id='highlighterCheckbox' type="checkbox" class='btn-check' onclick='highlight()' />
-                <input type='checkbox' id='sightCheckbox' class='btn-check' onclick='highlighterCheckbox.checked = false; refreshUI()' />
-                <label for='sightCheckbox' class='btn btn-primary' title='Surligner la ligne, la colonne et la région de la case survolée'>
-                    <i class="bi bi-plus-circle-fill"></i>
-                </label>
-                <input type='checkbox' id='highlighterCheckbox' class='btn-check' onclick='sightCheckbox.checked = false; refreshUI()' />
             <label for='highlighterCheckbox' class='btn btn-primary' title='Surligner les lignes, colonnes et régions contenant déjà le chiffre sélectionné'>
                 <i class="bi bi-magic"></i>
             </label>
-            </div>
             <button id="hintButton" type="button" class='btn btn-primary' onclick="showHint()" title="Montrer une case avec une seule possibilité" accesskey="H" disabled="">
                 <i class="bi bi-lightbulb-fill"></i>
             </button>