adrien/Sudoku
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
Show Stats 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::-webkit-inner-spin-button {
-webkit-appearance: none !important;
@ -136,10 +131,6 @@ table input:enabled {
cursor: inherit;
}
.modal-content {
z-index: 1000;
}
.pencil {
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("")
}
saveGame()
restartLink.classList.remove("disabled")
undoButton.disabled = false
}
function checkBoxes() {
@ -280,6 +278,8 @@ function saveGame() {
boxesValues: boxes.map(box => box.value),
boxesPlaceholders: boxes.map(box => box.placeholder)
}, "")
restartLink.classList.remove("disabled")
undoButton.disabled = false
}
function onmouseenter(event) {
@ -315,7 +315,7 @@ function insert(radio) {
insert(0)
} else {
valueToInsert = radio.value
grid.style.cursor = valueToInsert ? "copy" : "text"
grid.style.cursor = valueToInsert ? "pointer" : "text"
highlight()
}
}
@ -357,7 +357,7 @@ function oncontextmenu(event) {
li.onclick = function(e) {
contextMenu.style.display = "none"
valueToInsert = e.target.innerText
grid.style.cursor = "copy"
grid.style.cursor = "pointer"
document.getElementById("insertRadio" + valueToInsert).checked = true
box.onclick()
}

36
sudoku.php
View File

@ -5,10 +5,13 @@
<?php require_once("head.php") ?>
</head>
<body class="text-center">
<header>
<h1 class="display-4 mb-3">Sudoku</h1>
</header>
<body>
<nav class="navbar mb-4">
<h1 class="display-4 text-center m-auto">Sudoku</h1>
</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='btn-group'>
<input type='radio' id='inkPenRadio' class='btn-check' name='penRadioGroup' checked />
@ -58,7 +61,7 @@
</tbody>
</table>
</form>
<div class='d-flex mb-2'>
<div class='d-flex mb-3'>
<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>
<?php
@ -74,16 +77,21 @@
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.")
?></div>
<ul id='contextMenu' class='context-menu modal-content shadow list-group w-auto position-absolute'></ul>
<footer>
<div id='links' class='list-group mb-2'>
<a href='.' class='list-group-item list-group-item-action'>Nouvelle grille</a>
<a href='' class='list-group-item list-group-item-action'>Lien vers cette grille</a>
<a href='?.................................................................................' class='list-group-item list-group-item-action'>Grille vierge</a>
<a href='' id='fixGridLink' class='list-group-item list-group-item-action'>Figer la grille</a>
<a href='https://git.malingrey.fr/adrien/Sudoku' target="_blank" class='list-group-item list-group-item-action'>Code source</a>
</main>
<aside class="col-sm-4 text-center text-sm-start">
<div class="d-flex flex-column flex-shrink-0 p-3">
<ul class="nav nav-pills flex-column">
<li><a href="." class="nav-link link-body-emphasis">Nouvelle grille</a></li>
<li><a href="" class="nav-link link-body-emphasis">Lien vers cette grille</a></li>
<li><a href="?................................................................................." class="nav-link link-body-emphasis">Grille vierge</a></li>
<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>
</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='sudoku.js' defer></script>
</body>