Comment appliquer une classe definie dans personnalisation avancee a un seul design specifique?

Utilisation du core de Jeedom Design
1

Bonjour

Je voudrais appliquer une classe definie dans personnalisation avancee a un seul design specifique, pas a tous
existe t il un selector qui permette de ne l’appliquer qu’a un design specifique ?

[data-page=« plan »] et puis ???

2

En personnalisation avancée, js:

$(function() {
  $('body').on('jeedom_page_load', function (event) {
  if (typeof planHeader_id !== 'undefined' && $('body').attr('data-page') == 'plan') {
      $('body').attr('data-planid', planHeader_id)
    } else {
      $('body').removeAttr('data-planid')
    }
  })
})

Ensuite en css:


body[data-planid=1] div.div_backgroundPlan -selector- {
  rules
}
3

Super !!
Merci de ta reponse rapide, ca marche nickel !

j’ai du changer la syntaxe du css en rajoutant des guillemets, sinon cela ne fonctionnait pas :

body[data-planid=« 1 »] div.div_backgroundPlan -selector- {
rules
}

4

Euh oui je sais pas quel élément tu veut toucher et quelle règle lui appliquer :rofl:

5

j’ai un petit hic

j’utilise le menu menuHoverShow pour passer d’un design a l’autre, et c’est cette fonction qui est invoquee pour afficher le design planID:
function gotoPlan(planID) {
planHeader_id = planID;
displayPlan();
}

mais cela ne declenche pas l’event ‹ jeedom_page_load ›, je dois faire un refresh manuel pour l’invoquer

pourrait on utiliser un autre event ?

1 « J'aime »
6

ca fonctionne en rajoutant une ligne à la fonction du menu menHoverShow, tout simplement…

function gotoPlan(planID) {
planHeader_id = planID;
displayPlan();
$(‹ body ›).attr(‹ data-planid ›, planHeader_id)
}