Pour aller plus loin : comment afficher les résultats d’un tournoi (grille) dans un article SPIP ?
par
La réponse est : IFRAME !
vous maitrisez l’export html depuis le logiciel papi. mais joindre le fichier html à l’article c’est pas l’idéal.
j’avais vu sur pas mal de sites que la grille était directement intégrée dans l’article.
exemple : http://lardenne.lmpe.org/spip.php?article66
pour faire cela :
on fait comme avant, on joint le fichier en faisant "ajouter un document ou une image". Au lieu de récupérer le code, on récupère son adresse html.
et dans l’article :
au lieu de mettre :
<doc138|center>
(par exemple)
Ce qui donne :
C’est déjà sympas, mais on préfère voir les résultats directement. Pour cela, on écrit :
<iframe name="" SRC="https://lardenne.echecs-occitanie.com/img/html/rapide_lardenne_ferm_r_.html" height="400" width="500" FRAMEBORDER="no"></iframe>
et donc on obtiendra ceci :
Un autre exemple réalisé par mes soins (Olivier) :
<iframe name="" SRC="https://lardenne.echecs-occitanie.com/IMG/html/2022-departemental.html" height="1000" width="100%" FRAMEBORDER="no"></iframe>
J’ai enregistré le fichier à partir du site de la FFE, et cela m’a donc demandé quelques modifications dans le fichier html que j’ai enregistré à partir de Edge (mais ça doit être sensiblement pareil avec Chrome) :
En plus du html, j’ai ajouté le document suivant :
https://lardenne.echecs-occitanie.com/IMG/css/ffe.css
copié à partir de "Fédération Française des Échecs_files\old.css" dans les fichiers générés à l’enregistrement de la page. NB : On pourra réutiliser ce fichier !
J’ai supprimé :
- toutes les sections "
<div>...</div>
" qui ne listaient que des "<input type="hidden"... />
" - la section
<script>...</script>
- la ligne "Appariements" qui n’ajoutait pas d’information consistante
J’ai aussi remplacé
-
<link href="./Fédération Française des Échecs_files/old.css" rel="stylesheet" type="text/css">
par<link href="https://lardenne.echecs-occitanie.com/IMG/css/ffe.css" rel="stylesheet" type="text/css">
- les
<a id=.... >[...]</a>
par<b>[...]</b>
pour enlever le lien mort et mettre en valeur les rondes.