200 lines
7.7 KiB
PHP
200 lines
7.7 KiB
PHP
<?php
|
|
include_once "Grille.php";
|
|
|
|
|
|
const HAUTEUR_DEFAUT = 8;
|
|
const HAUTEUR_MIN = 2;
|
|
const HAUTEUR_MAX = 10;
|
|
const LARGEUR_DEFAUT = 8;
|
|
const LARGEUR_MIN = 2;
|
|
const LARGEUR_MAX = 10;
|
|
|
|
|
|
$hauteur = filter_input(INPUT_GET, 'lignes', FILTER_VALIDATE_INT, [
|
|
"options" => [
|
|
"default" => HAUTEUR_DEFAUT,
|
|
"min_range" => HAUTEUR_MIN,
|
|
"max_range" => HAUTEUR_MAX
|
|
]
|
|
]);
|
|
|
|
$largeur = filter_input(INPUT_GET, 'colonnes', FILTER_VALIDATE_INT, [
|
|
"options" => [
|
|
"default" => LARGEUR_DEFAUT,
|
|
"min_range" => LARGEUR_MIN,
|
|
"max_range" => LARGEUR_MAX
|
|
]
|
|
]);
|
|
|
|
$grille = new Grille($hauteur, $largeur);
|
|
|
|
if (!isset($_GET["grille"]) || $_GET["grille"] == "") {
|
|
do {
|
|
$id = uniqid();
|
|
} while (!$grille->genere($id));
|
|
|
|
$_GET["grille"] = $id;
|
|
header("Location: " . dirname($_SERVER['DOCUMENT_URI']) . "?" . http_build_query($_GET));
|
|
exit;
|
|
}
|
|
|
|
$id = htmlspecialchars($_GET["grille"]);
|
|
|
|
$grille_valide = $grille->load($id) || $grille->genere($id);
|
|
|
|
mt_srand(crc32($id));
|
|
if ($grille_valide) {
|
|
$definitions_horizontales = [];
|
|
for ($y = 0; $y < $hauteur; $y++) {
|
|
$definitions_horizontales[$y] = [];
|
|
foreach ($grille->lignes[$y] as $mot) {
|
|
$definitions = $grille->dico[strlen($mot)][$mot];
|
|
if (count($definitions)) {
|
|
$definitions_horizontales[$y][] = $definitions[mt_rand(0, count($definitions) - 1)];
|
|
}
|
|
}
|
|
}
|
|
$definitions_verticales = [];
|
|
for ($x = 0 ; $x < $largeur; $x++) {
|
|
$definitions_verticales[$x] = [];
|
|
foreach ($grille->colonnes[$x] as $mot) {
|
|
$definitions = $grille->dico[strlen($mot)][$mot];
|
|
if (count($definitions)) {
|
|
$definitions_verticales[$x][] = $definitions[mt_rand(0, count($definitions) - 1)];
|
|
}
|
|
}
|
|
}
|
|
}
|
|
?>
|
|
<!DOCTYPE HTML>
|
|
<html>
|
|
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>MOTS■CROISES</title>
|
|
<link rel="stylesheet" href="style.css">
|
|
<link rel="icon" href="favicon.svg">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
</head>
|
|
|
|
<body>
|
|
<form id="grilleForm" method="get" location=".">
|
|
<h1 class="large width">
|
|
<table>
|
|
<tbody>
|
|
<tr>
|
|
<td colspan="2"></td>
|
|
<td>M</td>
|
|
</tr>
|
|
<tr>
|
|
<td>c</td>
|
|
<td>r</td>
|
|
<td>o</td>
|
|
<td>i</td>
|
|
<td>s</td>
|
|
<td>é</td>
|
|
<td>s</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2"></td>
|
|
<td>t</td>
|
|
</tr>
|
|
<tr>
|
|
<td colspan="2"></td>
|
|
<td>s</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</h1>
|
|
<h1 class="small width">Mots■croisés</h1>
|
|
<div class="grille-et-definitions">
|
|
<?php if ($grille_valide): ?>
|
|
<div class="grille">
|
|
<table>
|
|
<tr>
|
|
<th></th>
|
|
<?php for ($x = 0; $x < $largeur; $x++): ?>
|
|
<th><?= chr($x + 65) ?></th>
|
|
<?php endfor; ?>
|
|
<th></th>
|
|
</tr>
|
|
<?php for ($y = 0; $y < $hauteur; $y++): ?>
|
|
<tr>
|
|
<th><?= $y + 1 ?></th>
|
|
<?php for ($x = 0; $x < $largeur; $x++): ?>
|
|
<?php if ($grille[$y][$x] == " "): ?>
|
|
<td class="case noire">
|
|
<input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" value=" " disabled />
|
|
</td>
|
|
<?php else: ?>
|
|
<td class="case blanche">
|
|
<input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" pattern="[A-Z]" placeholder="<?= $grille[$y][$x] ?>"
|
|
title="<?= strip_tags("→ " . implode("\n→ ", $definitions_horizontales[$y]) . "\n↓ " . implode("\n↓ ", $definitions_verticales[$x])) ?>" />
|
|
</td>
|
|
<?php endif; ?>
|
|
<?php endfor; ?>
|
|
</tr>
|
|
<?php endfor; ?>
|
|
</table>
|
|
</div>
|
|
<div class="definitions horizontales">
|
|
<h2>Horizontalement</h2>
|
|
<ol type="1">
|
|
<?php foreach ($definitions_horizontales as $y => $definitions): ?>
|
|
<li>
|
|
<?php if (count($definitions)): ?>
|
|
<?php if (count($definitions) == 1): ?>
|
|
<?= $definitions[0] ?>
|
|
<?php else: ?>
|
|
<ol>
|
|
<?php foreach ($definitions as $definition) : ?>
|
|
<li><?= $definition ?></li>
|
|
<?php endforeach ?>
|
|
</ol>
|
|
<?php endif ?>
|
|
<?php endif ?>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ol>
|
|
</div>
|
|
<div class="definitions verticales">
|
|
<h2>Verticalement</h2>
|
|
<ol type="A">
|
|
<?php foreach ($definitions_verticales as $x => $definitions): ?>
|
|
<li>
|
|
<?php if (count($definitions)): ?>
|
|
<?php if (count($definitions) == 1): ?>
|
|
<?= $definitions[0] ?>
|
|
<?php else: ?>
|
|
<ol>
|
|
<?php foreach ($definitions as $definition) : ?>
|
|
<li><?= $definition ?></li>
|
|
<?php endforeach ?>
|
|
</ol>
|
|
<?php endif ?>
|
|
<?php endif ?>
|
|
</li>
|
|
<?php endforeach; ?>
|
|
</ol>
|
|
</div>
|
|
<?php else: http_response_code(500); ?>
|
|
<h3 class="erreur">Erreur de génération de la grille</h3>
|
|
<?php endif ?>
|
|
</div>
|
|
|
|
<div class="nouvelle-grille">
|
|
<img src="favicon.svg" width="16" height="16">
|
|
<button type="submit">Nouvelle grille</button>
|
|
de
|
|
<input type="number" id="lignes"<?= isset($_GET["lignes"])? 'name="lignes"': "" ?> value="<?= $hauteur ?>" min="<?=HAUTEUR_MIN?>" max="<?=HAUTEUR_MAX?>"/>
|
|
lignes et
|
|
<input type="number" id="colonnes"<?= isset($_GET["colonnes"])? 'name="colonnes"': "" ?> value="<?= $largeur ?>" min="<?=LARGEUR_MIN?>" max="<?=LARGEUR_MAX?>"/>
|
|
colonnes
|
|
</div>
|
|
</form>
|
|
|
|
<script src="script.js"></script>
|
|
<script>navigator?.serviceWorker.register('service-worker.js')</script>
|
|
</body>
|
|
|
|
</html>
|