Element actif sur menu du plugin htmlDisplay

Utilisation du core de Jeedom Design
3

Salut @Theking31,

Merci pour la remontée :slight_smile: Tu ne te loupes pas, mon menu est trop éloigné de celui d’origine. J’ai repris mon exemple avec ton menu du coup :wink:

Ce code devrait être mieux dans ton cas:

<LINK href="montheme/perso.css" rel="stylesheet" type="text/css">

<div class="menu_top">

<ul class="monmenu">
  <!-- id = N° d'ID du design à afficher -->
	<a id="1" onClick="gotoPlan(this.id)"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_home.png" height=50px width=50px></div></br></li></a>

	<a id="5" onClick="gotoPlan(this.id)"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_light.png" height=50px width=50px></div></br></li></a>

	<a id="6" onClick="gotoPlan(this.id)"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_thermometre.png" height=50px width=50px></div></br></li></a>

	<a id="7" onClick="gotoPlan(this.id)"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_alarme.png" height=50px width=50px></div></br></li></a>

	<a id="11" onClick="gotoPlan(this.id)"><li class="monmenu"><div class="imagette"><img src="montheme/images/icon_cast.png" height=50px width=50px></div></br></li></a>

	<a id="9" onClick="gotoPlan(this.id)"><li class="monmenu" ><div class="imagette"><img src="montheme/images/icon_plante.png" height=50px width=50px></div></br></li></a>

	<a id="10" onClick="gotoPlan(this.id)"><li class="monmenu" ><div class="imagette"><img src="montheme/images/icon_consomation.png" height=50px width=50px></div></br></li></a>

</ul>
</div>
<script>
   $(document).ready(function(){
    var planID = '#'+(location.search.split('plan_id' + '=')[1] || '').split('&')[0];
     $(planID+' li').addClass('selected'); <!-- selected = classe CSS sur élément actif -->
   });
                     
function gotoPlan(planID) {
     planHeader_id=planID;
  	 displayPlan();
    }
</script>

C’est good ???