Pour aller plus loin : comment afficher les résultats d’un tournoi (grille) dans un article SPIP ?

Le retour du fichier...
lundi 12 mai 2014
par  Olivier

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.

Documents joints

Résultats Départemental par équipe 2022

Navigation

Articles de la rubrique

Nos partenaires