links on aside
This commit is contained in:
parent
853d93f8ff
commit
e1fc974372
@ -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;
|
||||||
}
|
}
|
||||||
|
|||||||
@ -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
36
sudoku.php
@ -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>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user