Exporter des scripts de grille HTML jouables en ligne sur un site web

Exporter des scripts de grille HTML jouables en ligne sur un site web :

Cette commande permet d'exporter la grille de mots croisés en cours sous la forme d'un script directement insérable dans un site internet. Une fois la grille terminée, cliquez sur Grille → Exporter la grille sur un site internet.

Sélectionnez le modèle de script à utiliser. Cliquez sur Ouvrir.

Sélectionnez le dossier où vous voulez enregistrer le script, le format (php, htm ou html) et cliquez sur enregistrer. Le script est généré automatiquement : il suffit maintenant d'uploader ce fichier sur votre site internet comme vous le faites habituellement.

Intégration de la grille dans la mise en page de votre site :

La méthode présentée ne nécessite que de faibles connaissances en développement web et reste accessible à toute personne ayant déjà mis en ligne un site internet, même basique.

Une fois le script installé sur le site, vous pouvez déjà afficher et exécuter la grille. Il suffit d'accéder à son adresse :
http://votre_domaine/chemin_d_acces/grille00001.htm.
La grille s'affiche avec ses définitions, les cases sont cliquables, les lettres saisissables, et le bouton de vérification fonctionne. À ce stade, vous voudrez probablement intégrer la grille dans la mise en page de votre site. Le moyen le plus simple est d'utiliser un iframe.

Exemple :

Votre site se trouve à l'adresse www.mon_domaine.com et vous voulez créer une page grille1.htm dans laquelle il est possible de jouer à remplir la grille 00001 exportée sous la forme du script grille00001.htm.

Le mieux est de créer un sous-dossier grilles dans lequel vous installez grille00001.htm. Créez ensuite votre page grille1.htm dans le dossier racine du site.

À l'endroit où vous voulez afficher la grille interactive, insérez simplement le code suivant :

<iframe src="grilles/grille00001.htm" marginwidth="0" marginheight="0" frameborder="0" height="530px" scrolling="no" width="100%"></iframe>

En fonction de la taille de la grille, vous devrez peut‑être modifier le paramètre height.
530px convient pour une grille de 10 lignes. Une grille plus haute serait coupée, une grille plus basse laisserait un espace vide. Ajustez la valeur en testant.

Astuce : Pour localiser facilement l’endroit où insérer le code, entrez une suite de lettres (ex. xxxxxxxxxxxxxxxxxxxx) en mode page, puis passez en mode source, recherchez cette suite et remplacez-la par :

<iframe src="grilles/grille00001.htm" marginwidth="0" marginheight="0" frameborder="0" height="530px" scrolling="no" width="100%"></iframe>

Ce code peut être placé dans le corps de la page ou, de préférence, dans une cellule de tableau. Tout dépend de la mise en page souhaitée. Pensez également à l'affichage sur mobile.

Vous pouvez voir quelques grilles mises en ligne selon cette méthode à l'adresse :

http://www.mots-croises-online.com/fr/motscroises/sommaire_grilles.php

Le script généré par Mots‑Croisés‑Pro est compatible avec la grande majorité des navigateurs actuels, ordinateurs ou mobiles. Il est seulement nécessaire que l'utilisateur n'ait pas désactivé JavaScript, ce qui est extrêmement rare.

Il existe bien sûr d'autres méthodes pour insérer les grilles interactives, notamment via PHP, mais celle‑ci est la plus simple et donne de bons résultats. Il est possible d’insérer plusieurs grilles dans une même page.

Note : Si votre site utilise un CMS (WordPress, Joomla, etc.), reportez‑vous à sa documentation pour savoir comment insérer un iframe. Aucun support technique n’est assuré pour les CMS.