Créer une noisette - 2nde étape

, par Webmestre DANE.

Nous avons, dans la première partie, créé la base de notre noisette, nos deux fichiers ma_noisette.html et ma_noisette.yaml sont situés dans le dossier noisettes.

L’objectif de cet exercice est de montrer comment passer à la noisette des valeurs de paramètres depuis un formulaire de configuration. Nous n’utiliserons pas de « boucles SPIP », c’est l’utilisation du fichier yaml qui sera plus particulièrement abordé.

Pour l’exemple, nous choisissons de créer une noisette permettant d’afficher une carte OpenStreetMap, en utilisant le service CARTOSM.

Dans notre fichier html, nous allons donc placer le code de l’iframe à la place du texte déjà saisi.

Ajouter des paramètres

Nous allons maintenant proposer de saisir la longitude et la lattitude depuis le formulaire de configuration de la noisette

Ouvrez le fichier ma_noisette.yaml et saisissez le code suivant à la suite du code déjà saisi

Ouvrez le fichier ma_noisette.html et modifiez les valeurs lon=-1.0895434677058&lat=49.107538655215 par les valeurs lon=#ENV{longitude}8&lat=#ENV{lattitude}

le fichier ma_noisette.html devient donc

L’affichage final devient donc :

Ma noisette : affichage final