[TUTO noodom] Redirection vers un lien d'un bouton de menu par scénario

noodom · Novembre 9, 2025, 5:10

Helloo,

Je vous présente une nouvelle fonctionnalité pour mes menus avec navigation par frame :
Il est maintenant possible de rediriger automatiquement le contenu du menu vers un des liens des boutons du menu depuis un scénario (dans un bloc-code)

Installation
ajouter le code suivant dans le fichier personnalisé custom.js

github.com

noodom/jeedom_menus/blob/master/installation/custom.js

$(document).on('noo::gotoDesignWithParams', function(_e, payload) {
  const data = payload?.[0] || payload || {};
  const paramsEncoded = data.paramsEncoded;

  if (!paramsEncoded) {
    console.warn('Aucun paramsEncoded reçu');
    return;
  }

  let params = {};
  try { 
    params = JSON.parse(atob(paramsEncoded)); 
  } catch (e) { 
    console.error('Erreur de décodage paramsEncoded', e); 
    return; 
  }
  
  const design_id = params.design_id;
  
  const currentUrl = new URL(window.location.href);

This file has been truncated. show original

Installer ou mettre à jour le menu souhaité, par installation automatique habituelle ou en modifiant directement le fichier associé dans le plugin HTML Display (dispos sur Github seulement VerticalTom pour l’instant)

github.com

noodom/jeedom_menus/blob/master/menuVerticalTom/index.html

<!-- @noodom / Menu Vertical Tom (gestion par Json et Frame)
	- reprise du menu vertical de @Tom's
	- ajout de la gestion des boutons par un paramétrage JSon
	- ajout de la navigation par frame à l'aide de htmlDisplay

- Installation du menu : https://github.com/noodom/jeedom_menus/blob/master/menuVerticalTom
- Pensez au café pour les nuits blanches de codage ;) https://www.paypal.com/cgi-bin/webscr?cmd=_donations&business=noodom.fr%40gmail.com&currency_code=EUR&source=url 
-->

<!--
    menuVerticalTom : vertival menu for Jeedom designs managed with json configuration file and frame navigation
    Copyright (C) 2023  @noodom

    This program is free software; you can redistribute it and/or modify
    it under the terms of the GNU General Public License as published by
    the Free Software Foundation; either version 2 of the License, or
    (at your option) any later version.

    This program is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of

This file has been truncated. show original

Si ajout manuel dans un menu de le plugin HTML Display, ajouter ce code (comme dans le code github du menu VerticalTom ci-dessus)

    $(document).on('noo::gotoDesignWithParamsMenu', function (_e, payload) {
      const data = payload?.[0] || payload || _e.originalEvent?.detail || {};
      const link_id = data.link_id;
      // si paramètres supplémentaires, remplacer la ligne précédente par la liste des paramètres à traiter : const { link_id, nom, mode } = data;
      if (link_id) {
        gotoPlan(link_id);
      }

      /* exemples de traitement de paramètres supplémentaires
      if (nom) {
        $('#menuTitle').text(nom);
      }*/
    });

Utilisation depuis un scénario
copier le code suivant dans un bloc code de scénario.
Paramètres possibles à envoyer (avec possibilité d’ajouter des paramètres supplémentaires, à traiter ensuite dans le menu)

design_id : (optionnel) nécessaire si on veut ouvrir la page du menu même si le menu n’est pas ouvert
link_id : page de l’id de design correspondant à un bouton du menu → lien de redirection demandé
forceRedirection : (optionnel) force la redirection de toutes les pages Jeedom actuellement ouvertes vers le design (design_id) et le bouton du menu (link_id) demandés
- design_id doit être précisé pour la prise en compte du paramètre force_redirection
- link_id est optionnel : permet d’ouvrir directement un des liens du menu
fullscreen : (optionnel) permet de forcer l’affichage plein écran du menu → 0 : force l’affichage de menu Jeedom, 1 : force l’affichage plein écran du menu, pas de paramètre : conserve la valeur actuelle de la page Jeedom

github.com

noodom/jeedom_menus/blob/master/installation/menuRedirectionScenario.php

// Scénario de redirection automatique des menus noodom
// => à recopier dans le bloc-code d'un scénario
// /!\ Seuls les paramètres sont à adapter pour vos menus

// Paramètres à envoyer
// - design_id : (optionnel) nécessaire si on veut ouvrir la page du menu même si le menu n'est pas ouvert
// - link_id : page de l'id de design correspondant à un bouton du menu -> lien de redirection demandé
// - forceRedirection : (optionnel) force la redirection de toutes les pages Jeedom actuellement ouvertes vers le design (design_id) et le bouton du menu (link_id) demandés
//        - design_id doit être précisé pour la prise en compte du paramètre force_redirection
//        - link_id est optionnel : permet d'ouvrir directement un des liens du menu
// - fullscreen : (optionnel) permet de forcer l'affichage plein écran du menu -> 0 : force l'affichage de menu Jeedom, 1 : force l'affichage plein écran du menu, pas de paramètre : conserve la valeur actuelle de la page Jeedom

$params = [
  'design_id' => 121,
  'link_id' => 53,
  'force_redirection' => 0,
  'fullscreen' => 1
];

// Envoi des paramètres de redirection pour un nooMenu

This file has been truncated. show original

noodom · Novembre 10, 2025, 7:06

Ajout du paramètre 'username' : ce paramètre permet de filtrer la demande de redirection seulement pour les utilisateurs de la liste de ce paramètre.

Exemple pour un filtre pour un utilisateur :

$params = [
  'design_id' => 121,
  'link_id' => 53,
  'force_redirection' => 0,
  'fullscreen' => 0,
  'username' => 'admin'
];

Exemple pour un filtre pour plusieurs utilisateurs :

$params = [
  'design_id' => 121,
  'link_id' => 53,
  'force_redirection' => 0,
  'fullscreen' => 0,
  'username' => ['admin', 'noodom']
];

Installation

nouvelle installation : reprendre l’installation précédente
modification si installation précédente déjà effectuée :
- ajouter le paramètre ‹ username › dans les paramètres du scénario
- remplacer le code de custom.js par le code modifié pour ce nouveau paramètre sur github