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 pour tous
les
fichiers de votre site internet.
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 matière de
développement web
et est à la portée de quiconque 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 directement
la grille. Il vous suffit de
vous connecter à son
adresse
http://votre_domaine/chemin_d_acces/grille00001.htm. La
grille
s'affiche avec ses définitions et il est possible de cliquer
sur
les cases, d'entrer les lettres au clavier et d'utiliser le
bouton de
vérification. A ce stade il est probable que vous
voudrez 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
que vous venez d'exporter sous
la forme du script grille00001.htm. Le mieux
est de créer un
sous-dossier 'grilles' dans lequel vous allez installer le
fichier
grille00001.htm. Créez ensuite votre page dans le dossier
racine
du site que vous appelez grille1.htm. Composez votre page
comme pour les
autres pages de votre site et à l'endroit où
vous voulez installer la
grille interactive entrez simplement le code
htm suivant :
En
fonction de la taille de la grille, vous pouvez être amené
à
modifier le paramètre height. La valeur 530px est
valable pour des grilles
de 10 cases dans le sens de la hauteur. Une
grille plus haute serait coupée
avec cette valeur. Une grille
moins haute risque de laisser une trop grande
partie vide en dessous
de la grille. Ajustez la valeur en faisant des
essais.
Astuce
pour localiser facilement
l’endroit où vous devez
insérer le code : alors que vous êtes en mode
page
entrez une série quelconque de lettres par
exemple
xxxxxxxxxxxxxxxxxxxxxxxxxxxx, puis passez en mode source,
recherchez
xxxxxxxxxxxxxxxxxxxxxxxxxxxx et remplacez par .
Repassez en mode page et
vérifiez
l'effet.
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
l'effet désiré sur la mise en page. Pensez aussi à
l'affichage sur les
mobiles.
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 internet
actuels sur ordinateurs ou mobiles.
Il est cependant nécessaire
que l'utilisateur n'ait pas désactivé
javascript dans
le paramétrage de son navigateur ce qui heureusement
est
extrêmement rare.
Il
existe bien sûr de
multiples autres méthodes pour
insérer les grilles interactives dans une
page web notamment
en utilisant des fonctions php mais celle-ci est la plus
simple à
mettre en œuvre et donne de bons résultats. Il est
possible
d’insérer plusieurs grilles dans une même
page.
Note :
Si votre site internet utilise un CMS (Wordpress, Jomla,
etc...),
reportez-vous à la documentation du CMS pour savoir
comment
insérer un iframe. Nous n'assurons pas de support technique
sur
l’utilisation des CMS.
|