adrien/mots-croises
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Compare commits

base: adrien:baf3a3f8ae17d9e9d76470582f5f7216ad167ca5
Branches Tags
adrien:main adrien:vercel adrien:grand-dico
..
compare: adrien:vercel
Branches Tags
adrien:main adrien:vercel adrien:grand-dico

5 Commits
baf3a3f8ae ... vercel

Author SHA1 Message Date
adrien
adc0f040c4 test2 2025-05-23 20:51:23 +02:00
adrien
c76b8a2b30 test 2025-05-23 20:49:18 +02:00
adrien
909a1cf4c9 dz 2025-05-23 20:46:11 +02:00
adrien
667a481ffb bhk 2025-05-23 20:43:55 +02:00
adrien
acb6433b4e oihẑgrjopqpjirùjlkpjiùÉFSBHpBY^bBàyn_)NYBÀNYb,È=BBUÇ) 2025-05-23 20:36:11 +02:00
9 changed files with 3073 additions and 4378 deletions
Expand all files Collapse all files

102
Grille.php
View File

@@ -2,13 +2,16 @@
include_once "dico.php"; include_once "dico.php";
const ECART_TYPE = 5.0; const ECART_TYPE_ALEA = 5;
$randmax = mt_getrandmax() + 1; $randmax = mt_getrandmax() + 1;
function gaussienne($moyenne = 0, $ecartType = 1.0): float { function gaussienne($moyenne = 0, $ecartType = 1.0): float {
global $randmax; global $randmax;
$u = 0;
$v = 0;
$u = (mt_rand() + 1) / $randmax; $u = (mt_rand() + 1) / $randmax;
$v = (mt_rand() + 1) / $randmax; $v = (mt_rand() + 1) / $randmax;
@@ -16,27 +19,6 @@ function gaussienne($moyenne = 0, $ecartType = 1.0): float {
return $z * $ecartType + $moyenne; return $z * $ecartType + $moyenne;
} }
function explode_pos(string $separator, string $string): array {
$mots = [];
$mot = "";
$longueur = strlen($string);
$debut = 0;
for ($i = 0; $i < $longueur; $i++) {
$lettre = $string[$i];
if ($lettre == $separator) {
$mots[] = ["mot" => $mot, "debut" => $debut, "fin" => $i - 1, "longueur" => $i - $debut];
$mot = "";
$debut = $i + 1;
} else {
$mot .= $lettre;
}
}
$mots[] = ["mot" => $mot, "debut" => $debut, "fin" => $longueur - 1, "longueur" => $longueur - $debut];
return $mots;
}
class Grille implements ArrayAccess class Grille implements ArrayAccess
{ {
@@ -99,38 +81,22 @@ class Grille implements ArrayAccess
"horizontales" => [], "horizontales" => [],
"verticales" => [] "verticales" => []
]; ];
for ($y = 0; $y < $this->hauteur; $y++) { foreach($this->lignes as $y => $mots) {
$mots = explode_pos(CASE_NOIRE, $this->get_ligne($y, $this->largeur));
$this->definitions["horizontales"][$y] = []; $this->definitions["horizontales"][$y] = [];
foreach($mots as $mot) { foreach($mots as $mot) {
$definitions = $this->dico[$mot["longueur"]][$mot["mot"]]; $definitions = $this->dico[strlen($mot)][$mot];
if (count($definitions)) { if (count($definitions)) {
$definition = $definitions[mt_rand(0, count($definitions) - 1)]; $this->definitions["horizontales"][$y][] = $definitions[mt_rand(0, count($definitions) - 1)];
if (isset($definition[DEFINITION])) $mot["definition"] = $definition[DEFINITION];
if (isset($definition[AUTEUR])) $mot["auteur"] = $definition[AUTEUR];
} }
if (isset($definitions["nb_mots"])) {
$mot["nb_mots"] = $definitions["nb_mots"];
}
unset($mot["mot"]);
$this->definitions["horizontales"][$y][] = $mot;
} }
} }
for ($x = 0; $x < $this->largeur; $x++) { foreach($this->colonnes as $x => $mots) {
$mots = explode_pos(CASE_NOIRE, $this->get_colonne($x, $this->hauteur));
$this->definitions["verticales"][$x] = []; $this->definitions["verticales"][$x] = [];
foreach($mots as $mot) { foreach($mots as $mot) {
$definitions = $this->dico[$mot["longueur"]][$mot["mot"]]; $definitions = $this->dico[strlen($mot)][$mot];
if (count($definitions)) { if (count($definitions)) {
$definition = $definitions[mt_rand(0, count($definitions) - 1)]; $this->definitions["verticales"][$x][] = $definitions[mt_rand(0, count($definitions) - 1)];
if (isset($definition[DEFINITION])) $mot["definition"] = $definition[DEFINITION];
if (isset($definition[AUTEUR])) $mot["auteur"] = $definition[AUTEUR];
} }
if (isset($definitions["nb_mots"])) {
$mot["nb_mots"] = $definitions["nb_mots"];
}
unset($mot["mot"]);
$this->definitions["verticales"][$x][] = $mot;
} }
} }
$this->save($id); $this->save($id);
@@ -159,35 +125,25 @@ class Grille implements ArrayAccess
$lettres_ligne->branches, $lettres_ligne->branches,
$lettres_colonne->branches $lettres_colonne->branches
); );
// Sélection des candidats les plus fertiles
foreach ($lettres_communes as $lettre => $_) { foreach ($lettres_communes as $lettre => $_) {
$lettres_communes[$lettre] = log(count($lettres_ligne->branches[$lettre])) * count($lettres_colonne->branches[$lettre]) * gaussienne(ECART_TYPE, ECART_TYPE); $lettres_communes[$lettre] = count($lettres_ligne->branches[$lettre]) * count($lettres_colonne->branches[$lettre]) * gaussienne(1, ECART_TYPE_ALEA);
} }
uksort($lettres_communes, function($a, $b) use ($lettres_communes) { uksort($lettres_communes, function($a, $b) use ($lettres_communes) {
return $lettres_communes[$b] <=> $lettres_communes[$a]; return $lettres_communes[$b] <=> $lettres_communes[$a];
}); });
uksort($lettres_communes, function($a, $b) { $lettres_communes = array_slice($lettres_communes, 0, 3);
return ($a == CASE_NOIRE)? 1 : -1;
});
$lettres_communes = array_slice($lettres_communes, 0, 2);
foreach ($lettres_communes as $lettre => $_) { foreach ($lettres_communes as $lettre => $_) {
$this->grille[$y][$x] = $lettre; $this->grille[$y][$x] = $lettre;
// Omission des lettres isolées // Omission des lettres isolées
if ($lettre == CASE_NOIRE) { if ($lettre == CASE_NOIRE
if (($y < 2 || $this->grille[$y - 2][$x] == CASE_NOIRE) && ($y - 2 < 0 || $this->grille[$y - 2][$x] == CASE_NOIRE)
&& ($y < 1 || $x == 0 || $this->grille[$y - 1][$x - 1] == CASE_NOIRE) && ($y - 1 < 0 || $x - 1 < 0 || $this->grille[$y - 1][$x - 1] == CASE_NOIRE)
&& ($y < 1 || $x + 1 >= $this->largeur || $this->grille[$y - 1][$x + 1] == CASE_NOIRE) && ($y - 1 < 0 || $x + 1 >= $this->largeur || $this->grille[$y - 1][$x + 1] == CASE_NOIRE)
) continue; ) {
if ($y == $this->hauteur - 1 continue;
&& ($x < 2 || $this[$y][$x - 2] == CASE_NOIRE) }
&& ($x < 1 || $this[$y - 1][$x - 1] == CASE_NOIRE)
) continue;
} else if ($x == $this->largeur - 1 && $y == $this->hauteur - 1
&& $this[$y][$x - 1] == CASE_NOIRE
&& $this[$y-1][$x] == CASE_NOIRE
) continue;
// Omission des doublons // Omission des doublons
$mots = []; $mots = [];
@@ -242,6 +198,18 @@ class Grille implements ArrayAccess
); );
} }
public function __serialize(): array {
return [
"grille" => $this->grille,
"definitions" => $this->definitions
];
}
public function __unserialize(array $data): void {
$this->grille = $data["grille"];
$this->definitions = $data["definitions"];
}
public function save($id) public function save($id)
{ {
if (session_status() === PHP_SESSION_ACTIVE) { if (session_status() === PHP_SESSION_ACTIVE) {
@@ -251,8 +219,7 @@ class Grille implements ArrayAccess
session_id("$this->largeur,$this->hauteur,$id"); session_id("$this->largeur,$this->hauteur,$id");
session_start(["use_cookies" => false]); session_start(["use_cookies" => false]);
$_SESSION["grille"] = $this->grille; $_SESSION = serialize($this);
$_SESSION["definitions"] = $this->definitions;
} }
public function load($id) public function load($id)
@@ -260,12 +227,11 @@ class Grille implements ArrayAccess
session_id("$this->largeur,$this->hauteur,$id"); session_id("$this->largeur,$this->hauteur,$id");
session_start(["use_cookies" => false]); session_start(["use_cookies" => false]);
if (!isset($_SESSION)) { if (!isset($_SESSION["grille"])) {
return false; return false;
} }
$this->grille = $_SESSION["grille"]; unserialize($_SESSION);
$this->definitions = $_SESSION["definitions"];
return true; return true;
} }

84
Trie.php
View File

@@ -1,27 +1,23 @@
<?php <?php
class Trie implements ArrayAccess, IteratorAggregate, Countable class Trie implements ArrayAccess, IteratorAggregate, Countable {
{
public array $branches = []; public array $branches = [];
private $nb_branches = 0; private $nb_branches = 0;
public function arraySet($cles, $valeur) public function arraySet($cles, $valeur) {
{
$cle = $cles[0]; $cle = $cles[0];
$this->nb_branches++; $this->nb_branches++;
$cles = array_slice($cles, 1); $cles = array_slice($cles, 1);
if ($cles == []) { if ($cles == []) {
$this->branches[$cle] = $valeur; $this->branches[$cle] = $valeur;
} else { } else {
if (!isset($this->branches[$cle])) if (!isset($this->branches[$cle])) $this->branches[$cle] = new Trie();
$this->branches[$cle] = new Trie();
$this->branches[$cle]->arraySet($cles, $valeur); $this->branches[$cle]->arraySet($cles, $valeur);
} }
} }
public function arrayExists($cles) public function arrayExists($cles) {
{
$cle = $cles[0]; $cle = $cles[0];
$cles = array_slice($cles, 1); $cles = array_slice($cles, 1);
if ($cles == []) { if ($cles == []) {
@@ -31,8 +27,7 @@ class Trie implements ArrayAccess, IteratorAggregate, Countable
} }
} }
public function &arrayGet($cles) public function &arrayGet($cles) {
{
$cle = $cles[0]; $cle = $cles[0];
$cles = array_slice($cles, 1); $cles = array_slice($cles, 1);
if ($cles == []) { if ($cles == []) {
@@ -42,8 +37,7 @@ class Trie implements ArrayAccess, IteratorAggregate, Countable
} }
} }
public function arrayUnset($cles) public function arrayUnset($cles) {
{
$cle = $cles[0]; $cle = $cles[0];
$cles = array_slice($cles, 1); $cles = array_slice($cles, 1);
if ($cles == []) { if ($cles == []) {
@@ -58,45 +52,10 @@ class Trie implements ArrayAccess, IteratorAggregate, Countable
} }
} }
// ArrayAccess public function arrayIterator() {
public function offsetSet($array, $valeur): void
{
if (is_string($array)) {
$array = str_split($array);
}
$this->arraySet($array, $valeur);
}
public function offsetExists($array): bool
{
if (is_string($array)) {
$array = str_split($array);
}
return $this->arrayExists($array);
}
public function &offsetGet($array): mixed
{
if (is_string($array)) {
$array = str_split($array);
}
return $this->arrayGet($array);
}
public function offsetUnset($array): void
{
if (is_string($array)) {
$array = str_split($array);
}
$this->arrayUnset($array);
}
// IteratorAggregate
public function getIterator(): Traversable
{
foreach ($this->branches as $cle => $branche) { foreach ($this->branches as $cle => $branche) {
if ($branche instanceof Trie) { if ($branche instanceof Trie) {
foreach ($branche->getIterator() as $sous_cles => $feuille) { foreach($branche->arrayIterator() as $sous_cles => $feuille) {
yield array_merge([$cle], $sous_cles) => $feuille; yield array_merge([$cle], $sous_cles) => $feuille;
} }
} else { } else {
@@ -105,9 +64,32 @@ class Trie implements ArrayAccess, IteratorAggregate, Countable
} }
} }
// ArrayAccess
public function offsetSet($string, $valeur): void {
$this->arraySet(str_split($string), $valeur);
}
public function offsetExists($string): bool {
return $this->arrayExists(str_split($string));
}
public function &offsetGet($string): mixed {
return $this->arrayGet(str_split($string));
}
public function offsetUnset($string): void {
$this->arrayUnset(str_split($string));
}
// IteratorAggregate
public function getIterator(): Traversable {
foreach($this->arrayIterator() as $array => $valeur) {
yield implode("", $array) => $valeur;
}
}
// Countable // Countable
public function count(): int public function count(): int {
{
return $this->nb_branches; return $this->nb_branches;
} }
} }

2818
dico.csv Normal file
View File

File diff suppressed because it is too large Load Diff

31
dico.php
View File

@@ -1,21 +1,18 @@
<?php <?php
include_once "Trie.php"; include_once "Trie.php";
const CASE_NOIRE = " "; const CASE_NOIRE = " ";
const DEFINITION = 0;
const AUTEUR = 1;
function dico($longueur_max) { function dico($longueur_max) {
$transliterator = Transliterator::createFromRules(':: Any-Latin; :: Latin-ASCII; :: NFD; :: [:Nonspacing Mark:] Remove; :: Upper(); :: NFC;', Transliterator::FORWARD); $transliterator = Transliterator::createFromRules(':: Any-Latin; :: Latin-ASCII; :: NFD; :: [:Nonspacing Mark:] Remove; :: Upper(); :: NFC;', Transliterator::FORWARD);
$dico = []; $dico = [[new Trie()]];
for ($longueur = 0; $longueur <= $longueur_max; $longueur++) { for ($longueur = 0; $longueur <= $longueur_max; $longueur++) {
$dico[] = new Trie(); $dico[] = new Trie();
} }
if (($lecteur = fopen("dico.tsv", "r")) !== FALSE) { if (($lecteur = fopen("dico.csv", "r")) !== FALSE) {
$entete = fgetcsv($lecteur, 0, "\t"); $entete = fgetcsv($lecteur, 0, "\t");
while (($ligne = fgetcsv($lecteur, 0, "\t")) !== FALSE) { while (($ligne = fgetcsv($lecteur, 0, "\t")) !== FALSE) {
if ( if (
@@ -25,7 +22,7 @@ function dico($longueur_max) {
) continue; ) continue;
$mot = $ligne[0]; $mot = $ligne[0];
$definition = array_slice($ligne, 1); $definitions = array_slice($ligne, 1);
$mot = str_replace("-", CASE_NOIRE, $mot); $mot = str_replace("-", CASE_NOIRE, $mot);
$mot = $transliterator->transliterate($mot); $mot = $transliterator->transliterate($mot);
@@ -33,16 +30,12 @@ function dico($longueur_max) {
$mots = explode(CASE_NOIRE, $mot); $mots = explode(CASE_NOIRE, $mot);
$nb_mots = count($mots); $nb_mots = count($mots);
$mot = implode("", $mots); $mot = implode("", $mots);
} else { foreach($definitions as $i => $definition) {
$nb_mots = 1; $definitions[$i] = "$definition#$nb_mots";
}
} }
if (array_key_exists($mot, $dico)) { $dico[strlen($mot)][$mot] = $definitions;
$dico[strlen($mot)][$mot][] = $definition;
} else {
$dico[strlen($mot)][$mot] = [$definition];
if ($nb_mots > 1) $dico[strlen($mot)][$mot]["nb_mots"] = $nb_mots;
}
} }
fclose($lecteur); fclose($lecteur);
} }
@@ -51,15 +44,13 @@ function dico($longueur_max) {
} }
function mots_espaces($longueur_max) { function mots_espaces($longueur_max) {
$longueur_min = 1;
$dico = dico($longueur_max); $dico = dico($longueur_max);
for ($longueur = 3; $longueur <= $longueur_max; $longueur++) { for ($longueur = 1; $longueur <= $longueur_max; $longueur++) {
//$longueur_min = $longueur == $longueur_max ? 1 : 2; for ($position_espace = 1; $position_espace + 1 < $longueur; $position_espace++) {
for ($position_espace = $longueur - 2; $position_espace >= $longueur_min; $position_espace--) {
$mots_suivants = $dico[$longueur - $position_espace - 1]; $mots_suivants = $dico[$longueur - $position_espace - 1];
foreach ($dico[$position_espace] as $premier_mot => $definition) { foreach ($dico[$position_espace]->arrayIterator() as $premier_mot => $definition) {
$premier_mot[] = CASE_NOIRE; $premier_mot[] = CASE_NOIRE;
$dico[$longueur][$premier_mot] = $mots_suivants; $dico[$longueur]->arraySet($premier_mot, $mots_suivants);
} }
} }
} }

3996
dico.tsv
View File

File diff suppressed because it is too large Load Diff

311
index.php
View File

@@ -1,14 +1,11 @@
<?php <?php
ini_set('display_errors', '1');
ini_set('display_startup_errors', '1');
error_reporting(E_ALL);
include_once "Grille.php"; include_once "Grille.php";
const HAUTEUR_DEFAUT = 7; const HAUTEUR_DEFAUT = 8;
const HAUTEUR_MIN = 2; const HAUTEUR_MIN = 2;
const HAUTEUR_MAX = 10; const HAUTEUR_MAX = 10;
const LARGEUR_DEFAUT = 7; const LARGEUR_DEFAUT = 8;
const LARGEUR_MIN = 2; const LARGEUR_MIN = 2;
const LARGEUR_MAX = 10; const LARGEUR_MAX = 10;
@@ -30,7 +27,7 @@ $largeur = filter_input(INPUT_GET, 'colonnes', FILTER_VALIDATE_INT, [
]); ]);
$grille = new Grille($hauteur, $largeur); $grille = new Grille($hauteur, $largeur);
$basedir = $_SERVER["REQUEST_SCHEME"] . "://" . $_SERVER["HTTP_HOST"] . dirname($_SERVER["DOCUMENT_URI"]); $basedir = $_SERVER["REQUEST_SCHEME"]."://".$_SERVER["HTTP_HOST"].dirname($_SERVER["DOCUMENT_URI"]);
if (!isset($_GET["grille"]) || $_GET["grille"] == "") { if (!isset($_GET["grille"]) || $_GET["grille"] == "") {
do { do {
@@ -46,220 +43,164 @@ if (!isset($_GET["grille"]) || $_GET["grille"] == "") {
} }
function formatter_definition($definition) { function formatter_definition($definition) {
if (isset($definition["nb_mots"]) && $definition["nb_mots"] > 1) { if (strpos($definition, "#") !== false) {
$nb_mots = $definition["nb_mots"]; [$definition, $nb_mots] = explode("#", $definition);
$nb_mots = " <small>($nb_mots mots)</small>"; $nb_mots = " <small>($nb_mots mots)</small>";
} else { } else {
$nb_mots = ""; $nb_mots = "";
} }
if (isset($definition["auteur"])) { if (strpos($definition, "@") !== false) {
$auteur = $definition["auteur"]; [$definition, $auteur] = explode("@", $definition);
$auteur = " <small><em>$auteur</em></small>"; $auteur = " <small><em>$auteur</em></small>";
} else { } else {
$auteur = ""; $auteur = "";
} }
return ucfirst($definition["definition"]) . $nb_mots . $auteur; return $definition;
}
function definition_courante($definitions, $position) {
foreach ($definitions as $id => $definition) {
if ($position <= $definition["fin"])
return [$id, $definition];
}
return [];
} }
?> ?>
<!DOCTYPE HTML> <!DOCTYPE HTML>
<html lang="fr-FR" dir="ltr" prefix="og: https://ogp.me/ns#"> <html lang="fr-FR" dir="ltr" prefix="og: https://ogp.me/ns#">
<head> <head>
<meta charset="utf-8"> <meta charset="utf-8">
<title>🄼🄾🅃🅂▣🄲🅁🄾🄸🅂🄴🅂</title> <title>🄼🄾🅃🅂▣🄲🅁🄾🄸🅂🄴🅂</title>
<link rel="stylesheet" href="style.css"> <link rel="stylesheet" href="style.css">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" href="favicon.ico" /> <link rel="shortcut icon" href="favicon.ico" />
<link rel="icon" type="image/svg+xml" <link rel="icon" type="image/svg+xml" href="apercu.svg.php?grille=<?=$id?>&lignes=<?=$hauteur?>&colonnes=<?=$largeur?>">
href="apercu.svg.php?grille=<?= $id ?>&lignes=<?= $hauteur ?>&colonnes=<?= $largeur ?>"> <link rel="icon" type="image/png" sizes="96x96" href="apercu.png.php?grille=<?=$id?>&lignes=<?=$hauteur?>&colonnes=<?=$largeur?>&largeur=96&hauteur=96" />
<link rel="icon" type="image/png" sizes="96x96" <link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png" />
href="apercu.png.php?grille=<?= $id ?>&lignes=<?= $hauteur ?>&colonnes=<?= $largeur ?>&largeur=96&hauteur=96" /> <meta name="apple-mobile-web-app-title" content="🄼🄾🅃🅂 🄲🅁🄾🄸🅂🄴🅂" />
<link rel="apple-touch-icon" sizes="180x180" href="favicons/apple-touch-icon.png" /> <link rel="manifest" href="site.webmanifest" />
<meta name="apple-mobile-web-app-title" content="🄼🄾🅃🅂 🄲🅁🄾🄸🅂🄴🅂" /> <meta property="og:title" content="🄼🄾🅃🅂▣🄲🅁🄾🄸🅂🄴🅂"/>
<link rel="manifest" href="site.webmanifest" /> <meta property="og:type" content="game"/>
<meta property="og:title" content="🄼🄾🅃🅂▣🄲🅁🄾🄸🅂🄴🅂" /> <meta property="og:url" content="<?=$basedir?>"/>
<meta property="og:type" content="game" /> <meta property="og:image" content="<?=$basedir?>/apercu.png.php?grille=<?=$id?>&lignes=<?=$hauteur?>&colonnes=<?=$largeur?>&largeur=1200&hauteur=630"/>
<meta property="og:url" content="<?= $basedir ?>" /> <meta property="og:image:width" content="1200"/>
<meta property="og:image" <meta property="og:image:height" content="630"/>
content="<?= $basedir ?>/apercu.png.php?grille=<?= $id ?>&lignes=<?= $hauteur ?>&colonnes=<?= $largeur ?>&largeur=1200&hauteur=630" /> <meta property="og:locale" content="fr_FR"/>
<meta property="og:image:width" content="1200" /> <meta property="og:site_name" content="<?=$_SERVER["HTTP_HOST"]?>"/>
<meta property="og:image:height" content="630" /> </head>
<meta property="og:locale" content="fr_FR" />
<meta property="og:site_name" content="<?= $_SERVER["HTTP_HOST"] ?>" />
</head>
<body> <body>
<form id="grilleForm" method="get" location="."> <form id="grilleForm" method="get" location=".">
<h1 class="large width"> <h1 class="large width">
<a href="."> <table>
<table> <tbody>
<tbody> <tr>
<tr> <td colspan="2"></td>
<td colspan="2"></td> <td>M</td>
<td>M</td> </tr>
</tr> <tr>
<tr> <td>c</td>
<td>c</td> <td>r</td>
<td>r</td> <td>o</td>
<td>o</td> <td>i</td>
<td>i</td> <td>s</td>
<td>s</td> <td>é</td>
<td>é</td> <td>s</td>
<td>s</td> </tr>
</tr> <tr>
<tr> <td colspan="2"></td>
<td colspan="2"></td> <td>t</td>
<td>t</td> </tr>
</tr> <tr>
<tr> <td colspan="2"></td>
<td colspan="2"></td> <td>s</td>
<td>s</td> </tr>
</tr> </tbody>
</tbody> </table>
</table> </h1>
</a> <h1 class="small width">Mots■croisés</h1>
</h1> <div class="grille-et-definitions">
<h1 class="small width"><a href=".">Mots■croisés</a></h1> <?php if ($grille_valide): ?>
<div class="grille-et-definitions">
<?php if ($grille_valide): ?>
<div class="grille"> <div class="grille">
<table> <table>
<tr> <tr>
<th></th> <th></th>
<?php for ($x = 0; $x < $largeur; $x++): ?> <?php for ($x = 0; $x < $largeur; $x++): ?>
<th><?= chr($x + 65) ?></th> <th><?= chr($x + 65) ?></th>
<?php endfor; ?> <?php endfor; ?>
<th></th> <th></th>
</tr> </tr>
<?php for ($y = 0; $y < $hauteur; $y++): ?> <?php for ($y = 0; $y < $hauteur; $y++): ?>
<tr> <tr>
<th><?= $y + 1 ?></th> <th><?= $y + 1 ?></th>
<?php for ($x = 0; $x < $largeur; $x++): ?> <?php for ($x = 0; $x < $largeur; $x++): ?>
<?php if ($grille[$y][$x] == CASE_NOIRE): ?> <?php if ($grille[$y][$x] == CASE_NOIRE): ?>
<td class="case noire"> <td class="case noire">
<input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" <input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" value="<?= CASE_NOIRE ?>" disabled />
value="<?= CASE_NOIRE ?>" disabled /> </td>
</td> <?php else: ?>
<?php else: ?> <td class="case blanche">
<td class="case blanche"> <input id="<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1" pattern="[A-Z]" placeholder="<?= $grille[$y][$x] ?>"
<?php title="<?= strip_tags("→ " . implode("\n→ ", array_map("formatter_definition", $grille->definitions["horizontales"][$y] ?? [])) . "\n↓ " . implode("\n↓ ", array_map("formatter_definition", $grille->definitions["verticales"][$x] ?? []))) ?>" />
$title = []; </td>
[$iddh, $definition_horizontale] = definition_courante($grille->definitions["horizontales"][$y], $x); <?php endif; ?>
[$iddv, $definition_verticale] = definition_courante($grille->definitions["verticales"][$x], $y); <?php endfor; ?>
if (isset($definition_horizontale["definition"])) </tr>
$title[0] = "→ " . $definition_horizontale["definition"]; <?php endfor; ?>
if (isset($definition_horizontale["nb_mots"]))
$title[0] .= " (" . $definition_horizontale["nb_mots"] . ")";
if (isset($definition_horizontale["auteur"]))
$title[0] .= " (" . $definition_horizontale["auteur"] . ")";
if (isset($definition_verticale["definition"]))
$title[1] = "↓ " . $definition_verticale["definition"];
if (isset($definition_verticale["nb_mots"]))
$title[0] .= " (" . $definition_verticale["nb_mots"] . ")";
if (isset($definition_verticale["auteur"]))
$title[1] .= " (" . $definition_verticale["auteur"] . ")";
$title = htmlspecialchars(implode("\n", $title));
?>
<input id="case-<?= chr($x + 65) . ($y + 1) ?>" type="text" maxlength="1" size="1"
pattern="[A-Z]" title="<?= $title ?>"
data-iddh="<?= isset($definition_horizontale["definition"])? "dh-$y-$iddh" : "" ?>"
data-iddv="<?= isset($definition_verticale["definition"])? "dv-$x-$iddv" : "" ?>"
/>
</td>
<?php endif; ?>
<?php endfor; ?>
</tr>
<?php endfor; ?>
</table> </table>
</div> </div>
<div class="definitions horizontales"> <div class="definitions horizontales">
<h2>Horizontalement</h2> <h2>Horizontalement</h2>
<ol type="1"> <ol type="1">
<?php foreach ($grille->definitions["horizontales"] as $y => $definitions): <?php foreach ($grille->definitions["horizontales"] as $y => $definitions): ?>
$definitions = array_filter($definitions, function($definition) { <li>
return isset($definition["definition"]); <?php if (count($definitions)): ?>
}); <?php if (count($definitions) == 1): ?>
?> <?= formatter_definition($definitions[0]) ?>
<?php if (count($definitions)): ?> <?php else: ?>
<?php if (count($definitions) == 1): ?> <ol>
<?php foreach ($definitions as $id => $definition): ?> <?php foreach ($definitions as $definition) : ?>
<li id="<?= "dh-$y-$id" ?>"><label for="case-A<?= $y + 1 ?>"><?= formatter_definition($definition) ?></label></li> <li><?= formatter_definition($definition) ?></li>
<?php endforeach ?> <?php endforeach ?>
<?php else: ?> </ol>
<li> <?php endif ?>
<ol> <?php endif ?>
<?php foreach ($definitions as $id => $definition): ?> </li>
<li id="<?= "dh-$y-$id" ?>"> <?php endforeach; ?>
<label for="case-<?= chr($definition["debut"] + 0x41) ?><?= $y + 1 ?>"><?= formatter_definition($definition) ?></label>
</li>
<?php endforeach ?>
</ol>
</li>
<?php endif ?>
<?php else: ?>
<li></li>
<?php endif ?>
<?php endforeach ?>
</ol> </ol>
</div> </div>
<div class="definitions verticales"> <div class="definitions verticales">
<h2>Verticalement</h2> <h2>Verticalement</h2>
<ol type="A"> <ol type="A">
<?php foreach ($grille->definitions["verticales"] as $x => $definitions): <?php foreach ($grille->definitions["verticales"] as $x => $definitions): ?>
$definitions = array_filter($definitions, function($definition) { <li>
return isset($definition["definition"]); <?php if (count($definitions)): ?>
}); <?php if (count($definitions) == 1): ?>
?> <?= formatter_definition($definitions[0]) ?>
<?php if (count($definitions)): ?> <?php else: ?>
<?php if (count($definitions) == 1): ?> <ol>
<?php foreach ($definitions as $id => $definition): ?> <?php foreach ($definitions as $definition) : ?>
<li id="<?= "dv-$x-$id" ?>"><label for="case-<?= chr($x + 0x41) ?>1"><?= formatter_definition($definition) ?></label></li> <li><?= formatter_definition($definition) ?></li>
<?php endforeach ?> <?php endforeach ?>
<?php else: ?> </ol>
<li> <?php endif ?>
<ol> <?php endif ?>
<?php foreach ($definitions as $id => $definition): ?> </li>
<li id="<?= "dv-$x-$id" ?>"> <?php endforeach; ?>
<label for="case-<?= chr($x + 0x41) ?><?= $definition["debut"] + 1 ?>"><?= formatter_definition($definition) ?></label>
</li>
<?php endforeach ?>
</ol>
</li>
<?php endif ?>
<?php else: ?>
<li></li>
<?php endif ?>
<?php endforeach ?>
</ol> </ol>
</div> </div>
<input type="hidden" id="solution_hashee" value="<?= $grille->hash() ?>" /> <input type="hidden" id="solution_hashee" value="<?= $grille->hash() ?>" />
<?php else: <?php else: http_response_code(500); ?>
http_response_code(500); ?>
<h3 class="erreur">Erreur de génération de la grille</h3> <h3 class="erreur">Erreur de génération de la grille</h3>
<?php endif ?> <?php endif ?>
</div> </div>
<div class="nouvelle-grille"> <div class="nouvelle-grille">
<img src="favicons/favicon.svg" width="16" height="16"> <img src="favicons/favicon.svg" width="16" height="16">
<button type="submit">Nouvelle grille</button> <button type="submit">Nouvelle grille</button>
de de
<input type="number" id="lignes" <?= isset($_GET["lignes"]) ? ' name="lignes"' : "" ?> value="<?= $hauteur ?>" min="<?= HAUTEUR_MIN ?>" max="<?= HAUTEUR_MAX ?>" /> <input type="number" id="lignes"<?= isset($_GET["lignes"])? ' name="lignes"': "" ?> value="<?= $hauteur ?>" min="<?=HAUTEUR_MIN?>" max="<?=HAUTEUR_MAX?>"/>
lignes et lignes et
<input type="number" id="colonnes" <?= isset($_GET["colonnes"]) ? ' name="colonnes"' : "" ?> value="<?= $largeur ?>" min="<?= LARGEUR_MIN ?>" max="<?= LARGEUR_MAX ?>" /> <input type="number" id="colonnes"<?= isset($_GET["colonnes"])? ' name="colonnes"': "" ?> value="<?= $largeur ?>" min="<?=LARGEUR_MIN?>" max="<?=LARGEUR_MAX?>"/>
colonnes colonnes
</div> </div>
</form> </form>
<script src="script.js"></script> <script src="script.js"></script>
<script>navigator?.serviceWorker.register('service-worker.js')</script> <script>navigator?.serviceWorker.register('service-worker.js')</script>
</body> </body>
</html> </html>

83
script.js
View File

@@ -17,31 +17,16 @@ for (let input of inputs) {
input.onfocus = function (event) { input.onfocus = function (event) {
for (li of document.querySelectorAll( for (li of document.querySelectorAll(
`.definitions.horizontales > ol > li:nth-child(${input.y + 1})` `.definitions.horizontales > ol > li:nth-child(${
input.y + 1
}), .definitions.verticales > ol > li:nth-child(${input.x + 1})`
)) { )) {
li.classList.add("selectionee"); li.classList.add("selectionee");
for (liEnfant of li.querySelectorAll("li")) {
if (liEnfant.id == input.dataset.iddh) {
liEnfant.classList.add("selectionee");
} else {
liEnfant.classList.add("non-selectionee");
}
}
} }
for (li of document.querySelectorAll( for (li of document.querySelectorAll(
`.definitions.verticales > ol > li:nth-child(${input.x + 1})` `.definitions.horizontales > ol > li:not(:nth-child(${
)) { input.y + 1
li.classList.add("selectionee"); })), .definitions.verticales > ol > li:not(:nth-child(${input.x + 1}))`
for (liEnfant of li.querySelectorAll("li")) {
if (liEnfant.id == input.dataset.iddv) {
liEnfant.classList.add("selectionee");
} else {
liEnfant.classList.add("non-selectionee");
}
}
}
for (li of document.querySelectorAll(
`.definitions.horizontales > ol > li:not(:nth-child(${input.y + 1})), .definitions.verticales > ol > li:not(:nth-child(${input.x + 1}))`
)) { )) {
li.classList.add("non-selectionee"); li.classList.add("non-selectionee");
} }
@@ -50,28 +35,26 @@ for (let input of inputs) {
}; };
input.onkeydown = function (event) { input.onkeydown = function (event) {
next_input = input; next_input = null;
do { switch (event.key) {
switch (event.key) { case "ArrowUp":
case "ArrowUp": next_input = inputs[(input.index - largeur + nb_cases) % nb_cases];
next_input = inputs[(next_input.index - largeur + nb_cases) % nb_cases]; break;
break; case "ArrowDown":
case "ArrowDown": next_input = inputs[(input.index + largeur) % nb_cases];
next_input = inputs[(next_input.index + largeur) % nb_cases]; break;
break; case "ArrowLeft":
case "ArrowLeft": next_input = inputs[(input.index - 1 + nb_cases) % nb_cases];
next_input = inputs[(next_input.index - 1 + nb_cases) % nb_cases]; break;
break; case "ArrowRight":
case "ArrowRight": next_input = inputs[(input.index + 1) % nb_cases];
next_input = inputs[(next_input.index + 1) % nb_cases]; break;
break; }
default: if (next_input) {
return; next_input.focus();
} next_input.select();
} while (next_input.disabled) event.preventDefault();
event.preventDefault(); }
next_input.focus();
next_input.select();
}; };
input.oninput = function (event) { input.oninput = function (event) {
@@ -94,11 +77,21 @@ for (let input of inputs) {
}; };
input.onblur = function (event) { input.onblur = function (event) {
for (li of document.querySelectorAll(".definitions li")) { for (li of document.querySelectorAll(
`.definitions.horizontales > ol > li:nth-child(${
input.y + 1
}), .definitions.verticales > ol > li:nth-child(${input.x + 1})`
)) {
li.classList.remove("selectionee"); li.classList.remove("selectionee");
}
for (li of document.querySelectorAll(
`.definitions.horizontales > ol > li:not(:nth-child(${
input.y + 1
})), .definitions.verticales > ol > li:not(:nth-child(${input.x + 1}))`
)) {
li.classList.remove("non-selectionee"); li.classList.remove("non-selectionee");
} }
} };
} }
for (let input of grilleForm.querySelectorAll(".nouvelle-grille input")) { for (let input of grilleForm.querySelectorAll(".nouvelle-grille input")) {

12
style.css
View File

@@ -18,12 +18,6 @@ h1 {
letter-spacing: 0.2em; letter-spacing: 0.2em;
} }
h1 a {
width: 100%;
text-decoration: none;
color: inherit;
}
h1.large.width { h1.large.width {
display: inherit; display: inherit;
padding-top: 1rem; padding-top: 1rem;
@@ -177,10 +171,6 @@ h2 {
opacity: 30%; opacity: 30%;
} }
.definitions label {
cursor: pointer;
}
.erreur { .erreur {
text-align: center; text-align: center;
} }
@@ -209,7 +199,6 @@ h2 {
text-decoration: underline; text-decoration: underline;
} }
h1 a:hover,
.nouvelle-grille button:hover { .nouvelle-grille button:hover {
color: #2a6496; color: #2a6496;
} }
@@ -326,7 +315,6 @@ h1 a:hover,
background-color: #edeeee; background-color: #edeeee;
} }
h1 a:hover,
.nouvelle-grille button:hover { .nouvelle-grille button:hover {
color: #479fec; color: #479fec;
} }

12
vercel.json Normal file
View File

@@ -0,0 +1,12 @@
{
"functions": {
"api/*.php": {
"runtime": "vercel-php@0.7.3"
}
},
"routes": [
{ "src": "/(.*)", "dest": "/index.php" }
]
}