adrien/Sudoku
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

links on aside

Browse Source
This commit is contained in:
Adrien MALINGREY
2023-12-05 17:32:40 +01:00
parent 853d93f8ff
commit e1fc974372
3 changed files with 64 additions and 65 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
style.css
View File

@ -1,8 +1,3 @@
body {
width: min-content;
margin: auto;
}
input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-outer-spin-button,
input::-webkit-inner-spin-button { input::-webkit-inner-spin-button {
-webkit-appearance: none !important; -webkit-appearance: none !important;
@ -136,10 +131,6 @@ table input:enabled {
cursor: inherit; cursor: inherit;
} }
.modal-content {
z-index: 1000;
}
.pencil { .pencil {
color: var(--bs-secondary-color) !important; color: var(--bs-secondary-color) !important;
} }

8
sudoku.js
View File

@ -176,8 +176,6 @@ function oninput() {
fixGridLink.href = "?" + boxes.map(box => box.value || UNKNOWN).join("") fixGridLink.href = "?" + boxes.map(box => box.value || UNKNOWN).join("")
} }
saveGame() saveGame()
restartLink.classList.remove("disabled")
undoButton.disabled = false
} }
function checkBoxes() { function checkBoxes() {
@ -280,6 +278,8 @@ function saveGame() {
boxesValues: boxes.map(box => box.value), boxesValues: boxes.map(box => box.value),
boxesPlaceholders: boxes.map(box => box.placeholder) boxesPlaceholders: boxes.map(box => box.placeholder)
}, "") }, "")
restartLink.classList.remove("disabled")
undoButton.disabled = false
} }
function onmouseenter(event) { function onmouseenter(event) {
@ -315,7 +315,7 @@ function insert(radio) {
insert(0) insert(0)
} else { } else {
valueToInsert = radio.value valueToInsert = radio.value
grid.style.cursor = valueToInsert ? "copy" : "text" grid.style.cursor = valueToInsert ? "pointer" : "text"
highlight() highlight()
} }
} }
@ -357,7 +357,7 @@ function oncontextmenu(event) {
li.onclick = function(e) { li.onclick = function(e) {
contextMenu.style.display = "none" contextMenu.style.display = "none"
valueToInsert = e.target.innerText valueToInsert = e.target.innerText
grid.style.cursor = "copy" grid.style.cursor = "pointer"
document.getElementById("insertRadio" + valueToInsert).checked = true document.getElementById("insertRadio" + valueToInsert).checked = true
box.onclick() box.onclick()
} }

36
sudoku.php
View File

@ -5,10 +5,13 @@
<?php require_once("head.php") ?> <?php require_once("head.php") ?>
</head> </head>
<body class="text-center"> <body>
<header> <nav class="navbar mb-4">
<h1 class="display-4 mb-3">Sudoku</h1> <h1 class="display-4 text-center m-auto">Sudoku</h1>
</header> </nav>
<div class="row g-0">
<main class="col-sm-4 order-sm-1">
<div class="text-center m-auto" style="width: min-content;">
<div class='d-flex justify-content-between mb-2'> <div class='d-flex justify-content-between mb-2'>
<div class='btn-group'> <div class='btn-group'>
<input type='radio' id='inkPenRadio' class='btn-check' name='penRadioGroup' checked /> <input type='radio' id='inkPenRadio' class='btn-check' name='penRadioGroup' checked />
@ -58,7 +61,7 @@
</tbody> </tbody>
</table> </table>
</form> </form>
<div class='d-flex mb-2'> <div class='d-flex mb-3'>
<div id='insertRadioGroup' class='radioGroup btn-group flex-fill'> <div id='insertRadioGroup' class='radioGroup btn-group flex-fill'>
<input type='radio' class='btn-check' id='insertRadio0' value='' name='insertRadioGroup' onclick='insert(this)' accesskey='0' checked /><label for='insertRadio0' class='btn btn-primary' title='Clavier'><i class="ri-input-cursor-move"></i></label> <input type='radio' class='btn-check' id='insertRadio0' value='' name='insertRadioGroup' onclick='insert(this)' accesskey='0' checked /><label for='insertRadio0' class='btn btn-primary' title='Clavier'><i class="ri-input-cursor-move"></i></label>
<?php <?php
@ -74,16 +77,21 @@
else else
echo("Remplissez la grille de sorte que chaque ligne, colonne et région (carré de 3×3 cases) contienne tous les chiffres de 1 à 9.") echo("Remplissez la grille de sorte que chaque ligne, colonne et région (carré de 3×3 cases) contienne tous les chiffres de 1 à 9.")
?></div> ?></div>
<ul id='contextMenu' class='context-menu modal-content shadow list-group w-auto position-absolute'></ul> </main>
<footer> <aside class="col-sm-4 text-center text-sm-start">
<div id='links' class='list-group mb-2'> <div class="d-flex flex-column flex-shrink-0 p-3">
<a href='.' class='list-group-item list-group-item-action'>Nouvelle grille</a> <ul class="nav nav-pills flex-column">
<a href='' class='list-group-item list-group-item-action'>Lien vers cette grille</a> <li><a href="." class="nav-link link-body-emphasis">Nouvelle grille</a></li>
<a href='?.................................................................................' class='list-group-item list-group-item-action'>Grille vierge</a> <li><a href="" class="nav-link link-body-emphasis">Lien vers cette grille</a></li>
<a href='' id='fixGridLink' class='list-group-item list-group-item-action'>Figer la grille</a> <li><a href="?................................................................................." class="nav-link link-body-emphasis">Grille vierge</a></li>
<a href='https://git.malingrey.fr/adrien/Sudoku' target="_blank" class='list-group-item list-group-item-action'>Code source</a> <li><a id="fixGridLink" href="" class="nav-link link-body-emphasis">Figer la grille</a></li>
<li><a href="https://git.malingrey.fr/adrien/Sudoku" class="nav-link link-body-emphasis">Code source</a></li>
<li><a href=".." class="nav-link link-body-emphasis">Autres jeux</a></li>
</ul>
</div> </div>
</footer> </aside>
</div>
<ul id='contextMenu' class='context-menu modal-content z-1 shadow list-group w-auto position-absolute'></ul>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.bundle.min.js" integrity="sha384-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe" crossorigin="anonymous"></script>
<script src='sudoku.js' defer></script> <script src='sudoku.js' defer></script>
</body> </body>