Ajouter un jeu de sudoku à une page de votre site web personnel
Vous aimeriez ajouter un service de jeu de sudoku intégré à une page de votre site web personnel, offrant à vos visiteurs l'opportunité de jouer en ligne une grille de sudoku. La grille est renouvellée à chaque chargement ou rechargement de la page web. Et vous aimeriez pour cela une solution libre, sans écrire du code complexe.
Vous trouverez ici une solution basée sur un "bout de code" à insérer au code HTML d'une page de votre site web, et quatre fichiers que vous devez télécharger sur votre hébergement. Les deux premiers fichiers sont des modules externes de code JavaScript, le premier pour initialiser le jeu, le second pour la prise en main du jeu. Un troisième fichier contient le code de style CSS pour la présentation du jeu. Et finalement le quatrième contient le code PHP qui permet la synthèse de la grille de sudoku.
Si vous voulez voir comment cela fonctionne ... "Voir ici un exemple ... "Ce dont vous avez besoin:
- un hébergement personnel sur un serveur supportant le PHP (MySQL n'est pas nécessaire)
- un logiciel client FTP pour télécharger les quatre fichiers
- éventuellement, un éditeur de texte pour intégrer le bout de code HTML
Les fichiers que vous devez télécharger:
( Télécharger ce fichier ZIP contenant cinq fichiers )
- le bout de code HTML que vous devez insérer dans le code HTML de votre page, fichier ".txt"
- les deux modules JavaScript, fichiers ".js"
- Le fichier de style, fichier ".css"
- le fichier PHP, fichier ".php"
Tutoriel:
D'abord vous devez télécharger vers le serveur les quatre fichiers (les deux fichiers ".js", le fichier ".css" et le fichier ".php") dans le même dossier que le fichier ".html" correspondant à la page où doit être inséré ce jeu de sudoku.
Puis, vous devez insérer le bout de code dans le code source de votre page, comme illustré ci-dessous:
C'est tout.
Si, de plus, vous souhaitez spécifier un autre emplacement (un dossier différent ou même une URL complete) pour chacun des quatre fichiers, vous devez réécrire la valeur de l'attribut "src", directement dans le code HTML du bout de code.
Et, spécifiquement pour le fichier PHP, vous devez ajouter quelques lignes de code supplémentaires au bout de code afin de préciser le décalage d'adresse pour ce fichier PHP en utilisant la variable JavaScript "adressedossier_sudoku" (n'oubliez pas les '/', si nécessaire). Ces lignes doivent être insérées avant la première balise "<script language="JavaScript" ... >" du bout de code.
Voici un exemple de ces lignes additionnelles:
Bonus:
D'autres fichiers de style sont disponibles afin de présenter le jeu de sudoku sous différentes tailles. Vous devez pour cela charger le fichier de style ".css" choisi en remplacement du fichier "SDK_SudokuStyle-en_M.css", et vous devez remplacer la valeur de l'attribut "src" de la balise "<link .../> en fonction de ce choix.
Actuellement, trois tailles sont disponibles: M, S and XS.
( Télécharger ce fichier ZIP contenant les fichiers de style relatifs aux autres tailles )
| A propos de ce site | Me contacter | Laisser un commentaire |
| TTU © 2009 | ||
depuis juin 2004