Fonctionnalités

Ce filtre propose :

• de mettre en ligne des mots croisés, avec leurs définitions.
• de proposer aux utilisateurs de les remplir et de les vérifier.
• d’afficher le nombre d’erreurs et la solution.

Une grille de mot-croisés

Vous pouvez voir des exemples dans la rubrique crucidroits du site d’Acaccia.

Historiques et licence

Conçu pour le site de la société Acaccia par Maïeul Rouquette, ce filtre est disponible en Licence GPL

Installation

Recopier le contenu du fichier joint dans votre fichier mes_fonctions.php3 [1]

Dans votre squelette, appliquez le filtre grille en passant #SELF comme paramètres sur le champs dans lequel vous souhaitez intégrer vos mots-croisés. Ce qui donnera en général quelque chose comme [(#TEXTE|grille{#SELF})]

N’oubliez pas d’inclure dans votre feuille de style le code suivant (testé sous Firefox, Safari et Internet Explorer Pc, ne marche pas sous IE mac) :

Vérifiez que votre feuille de style marche pour l’écran et pour l’impression.

Si vous souhaitez faire votre propre présentation, voici des informations utiles

• le tableau à remplir à pour classe " grille "
• les définitions verticales appartiennent à un div de classe " vertical " et celle horizontales à un div de classe " horizontal "
• la grille de solution a pour classe " solution " et est incluse dans un div de class " solution "
• le coin supérieur gauche est une cellule de classe " coin "
• les cases noires sont de classe " noir ".
• il existe un label dans les cases à remplir, afin de permettre un meilleur accesibilité. Vous pouvez masquer ce label grâce à un code du type .grille label{display:none}

Rédigez vos mots-croisés

1. écrire après avoir sauté au moins une ligne, puis en sauter une.
2. écrivez votre grille comme un tableau spip. Les cases noirs sont symbolisés par "*". Pour chaque case, il est impératifs de ne pas laisser de blanc entre la lettre et les " | ".
3. sautez une ligne
4. tapez " " et sautez une ligne
5. les définitions sont des simples listes numérotées à la Spip. Les définitions horizontales devant être encadrées par " <horizontal>" et "</horizontal>", les verticales par "<vertical>" et "</vertical>". Attention, pas de lignes vides entre les encadreurs et les listes, mais un saut entre les deux listes.

Exemple de code :

Attention. La grille n’apparait correctement que dans l’espace public.

Techniquement ca marche comment ?

Dans mes fonctions.php3 vous avez copié plusieurs fonctions :

• grille() qui sera appelée depuis l’espace public. Elle se charge :
  • de transformer les codes de type “balise html” en intégrant ceux rajouter par Spip. C’est donc par là qu’il faura regarder pour des vieilles versions de Spip (inferieur à 1.8.x)
  • d’insérez le formulaire et la solution
• calcul_tableau_grille() . Analyse la grille telle qu’elle est donnée par SPIP, et en tire un tableau php .
• grille_formulaire(). Crée la grille à remplir par l’utilisateur.
• solution_grille(). Crée la grille de solution.
• comparaison(). Compare les réponses de l’utilsateur avec la solution.
• lettre(). Convertit des valeurs chiffrés en lettre, pour les entêtes de ligne.

Et le cache ?

Le cache de SPIP ne sert pas à grand chose pour les pages avec grille. En effet, pour chaque combinaison de lettre rempli par le lecteur, il sera créé un nouveau fichier de cache. Cependant, le cache des fichiers inclus ne devrait à priori pas poser de problème, ni le cache des articles sans grille.

Limite et avancés possibles

En l’état actuel, ce filtre :
-  ne gère pas le multilinguisme
-  ne gère qu’une seule grille par page
-  n’est pas forcément optimal au niveau du code

Quels avancés possibles pour ce filtre ?

-  gestion du multi-linguisme
-  dévellopement sous forme de plug-in pour la version 1.9
-  autre