Bonjour à tous,
Je suis en v4 et je cherche à adapter le superbe travail réalisé par @noodom. J’utilise le plugin htmlDisplay où j’ai créé un équipement Menu et un équipement Contenu. Voici ce que je souhaite obtenir et ce que j’ai déjà fait:
Le but:
- Utiliser la navigation par menu icônes, à droite, à la verticale.
- Utiliser les Frames pour afficher une page design suivant le choix du bouton
- Avoir an bas du design, une deuxième Frame affichant une autre page de design, comme un pied de page.
- Définir dans le fichier JSON l’ID du design à afficher dans cette deuxième Frame.
J’ai réussi à:
- Adapter les fichiers CSS, HTML et JSON pour avoir une navigation par boutons-icônes à la verticale et,
- Afficher dans la Frame Contenu ‹ menuFrame › le design sélectionné par un bouton du menu,
- Ajouter au JSON des paramètres supplémentaires pour la deuxième Frame: ID du design contenant cette nouvelle Frame, x, y, largeur et hauteur (facile).
- Créer un troisième équipement htmlDisplay ‹ Footer › contenant la déclaration d’une deuxième Frame:
<iframe id="menuFooter" src="about:blank" style="width:100%;height:100%;border:none;"/>
Ce que je n’arrive pas à obtenir (je ne connais rien en JQuerry et autre joyeuseté de programmation de même style, mais je cherche pour comprendre):
- Comment déclarer cette deuxième Frame dans le fichier HTML, qui s’appelle ‹ menuFooter › pour menu pied de page, .
- Lui assigner l’ID d’un design à récupérer dans le fichier JSON.
J’espère que je suis claire dans ce que j’explique.
Est-ce qu’une âme charitable serait en mesure de me pondre le code HTML à mettre dans le fichier existant ? J’utilise la base menuJsonFsb33Frame.
Fichier perso.json:
{
"buttons": [
{
"link": "2",
"icon": "montheme/menuJsonFsb33Frame/img/00_icon_menu_home.png",
"footer": "12"
},
{
"link": "3",
"icon": "montheme/menuJsonFsb33Frame/img/01_icon_menu_volet_garage.png",
"footer": "13"
},
{
"link": "4",
"icon": "montheme/menuJsonFsb33Frame/img/02_icon_menu_chauffage.png",
"footer": "12"
},
{
"link": "5",
"icon": "montheme/menuJsonFsb33Frame/img/03_icon_menu_temp.png",
"footer": "12"
},
{
"link": "6",
"icon": "montheme/menuJsonFsb33Frame/img/04_icon_menu_light.png",
"footer": "14"
},
{
"link": "7",
"icon": "montheme/menuJsonFsb33Frame/img/05_icon_menu_piscine_jardin.png",
"footer": "14"
},
{
"link": "8",
"icon": "montheme/menuJsonFsb33Frame/img/06_icon_menu_alarme.png",
"footer": "14"
},
{
"link": "9",
"icon": "montheme/menuJsonFsb33Frame/img/07_icon_menu_info.png",
"footer": "12"
},
{
"link": "10",
"icon": "montheme/menuJsonFsb33Frame/img/08_icon_menu_next_page.png",
"footer": "12"
}
],
"parameters": {
"menu_x": "1180px",
"menu_y": "0px",
"menu_width": "100px",
"menu_height": "710px",
"content_x": "0px",
"content_y": "0px",
"content_width": "1180px",
"content_height": "710px",
"foot_x": "0px",
"foot_y": "710px",
"foot_width": "1280px",
"foot_height": "90px"
}
}
Merci pour votre aide.
Bruno.