Texte clickable sur objet Design

[rodolphe.lecat]

Bonjour à tous,

Ok, j’avoue, je ne sais pas comment formuler ça en une phrase (pour le titre du sujet)…

Avec un exemple ce sera plus parlant :
J’ai un virtuel qui contient mes entrées d’ampli Onkyo, que j’affiche sur un design.
Les boutons que j’utilise sont neutre, car je change souvent les entrées de l’ampli.
J’ajoute alors un texte sur le bouton, dans le design.

Je viens de remarque, et cela parait logique, que le bouton, envoi bien l’ordre à mon ampli, mais si on touche le texte (qui est par dessus), rien ne se passe.
J’ai essayer de mettre quelques choses du genre, avec le lien jeedom de la commande :
<a href="192.168.xxxxx/core/api/jeeApi.php?apikey=xxxxx&type=cmd&id=xxx">DVD</a>

ça fonctionne, mais ça ouvre une nouvelle fenêtre… donc bof…

Si quelqu’un sait me dire comment je peux rendre le texte clickable, sans ouvrir une page web ?
Sinon, je ferai des boutons dédiés ou je reverrais mes widgets…

Merci

[ajja17orange]

bonjour,
prend exemple sur les widgets core

jeedom/core/blob/alpha/core/template/dashboard/cmd.action.other.default.html

regarde ligne 5
tu as ton <a> avec la class action
et autres class (bootstrap,…)

et tu as les lignes 6,7,8
entre balise script

soit

    <a class="pipo">blabla</a>
<script/>
    $('.pipo').off('click').on('click', function () {
      jeedom.cmd.execute({id: 321});
    });
</script>

tu as un tuto pour initié au B.A.BA html, css, script

après j’ai pas bien compris le besoin

[rodolphe.lecat]

Parfait, c’est exactement ça

<a class="pipo">blabla</a>
<script>
    $('.pipo').off('click').on('click', function () {
      jeedom.cmd.execute({id: 321});
    });
</script>

Merci. Je cloture