Widget d'un lien html simple

[GuillaumeDieppe]

Bonjour,

Sur la partie Design j'ai pu ajouter avec le bouton +Texte/HTML deux images qui, lorsque l'on clique dessus, renvoient vers des sites web :
- Une photo de mon chien, un clic dessus ouvre le site Weenect d'où je peux consulter en direct la position GPS de sa balise-collier
- Une image représentant un casier à bouteilles, un clic dessus ouvre Cavusvinifera d'où je gère tout mon stock de vins

Faute d'avoir des plugins Weenect & Cavusvinifera existants à ce jour, j'aimerai pouvoir en faire de même sur le dashboard via des Widgets. Comment faire cela ?

Merci

Cdt

[ouquoi]

Tu fais un virtuel et tu customise son wdiget en mettant le même code HTML que tu as mis dans le design.

Envoyé de mon Nexus 5X en utilisant Tapatalk

[GuillaumeDieppe]

Bonjour,

J'ai un niveau débutant, votre aide est la bienvenue.
Virtuel créé,
Widget aussi mais impossible d'afficher dans le virtuel :

[Sshafi]

Il te manque toute une partie en début du code du widget, essaye de regarder une widget du même type (dashboard >action>... et de comparer/adapter....

From Tapatruc

[winhex]

bonjour

viewtopic.php?t=25018

il n'est pas sur le market car non fonctionnel chez tous.

pour ton apprentissage nul besoin d'hébergement le widget peut contenir ton image. (gain de temps affichage)

je pourrais l'ajouter/l'expliquer si tu n'y arrives pas.

[GuillaumeDieppe]

Bonjour,

Merci pour votre aide.
Étape 1 : création d'un virtuel "info/autres"
Dans tous les boutons du mode virtuel, ce qui se rapproche le plus de "info/autres" c'est ça :



Étape 2 : création d'un widget



Étape 3 : relier le widget au virtuel

Solution 1 : via widget icone en haut à droite
Je n'ai que la commande Refresh donc j'imagine que ce n'est pas la bonne solution me concernant :



Solution 2 : via paramètres avancee du virtuel
Peut être l'affichage avancé du virtuel ?



Si oui la présentation du menu ne ressemble pas à la tienne et ça pourrait expliquer pourquoi ça ne marche pas chez moi :



Comment obtiens tu ce menu ?


Merci

[winhex]

paramêtre avancé de l'info à côté de tester

vidéo ajouté dans le sujet avec ton besoin à la fin (ajouté un fichier)

[GuillaumeDieppe]

La vidéo est très claire, merci j'ai réussi !


Merci

[Bed31]

Bonjour,
Je souhaiterai afficher une image stockée sur le serveur Jeedom.
Cela ne semble pas fonctionner de base. Vous confirmez ou j'ai fais une mauvaise manip ?

Merci d'avance
Erik

[winhex]

mauvaise manip
reprend l'image d'un widget
et surtout son chemin
afin de ten assurer

pour aller plus loin
certain widget je les modifient pour le mode design afin qu'il se comporte différemment en dashboard (historique) et design (lien/ancre design ou autres html)

exemple d'un résumé (vmc) pointant sur #section3 "ancre 3 du meme design"

Code : Tout sélectionner

<div class="cmd ....."> // sans #history#
<a href="#section5" style="text-decoration : none;">
   <span class="iconCmd#id#" style="font-size: 25px;"></span>
     <span class="state#id#" style="font-family: 'Roboto-Regular';font-size: 15px;vertical-align: top;margin-left: 5px"></span> #unite#
<span style="text-align: left;font-weight: bold;font-size : 10px;#hideCmdName#">#name_display#</span></a>
  <script>
.....

20180527_160950.png (51.43 Kio) Consulté 3872 fois

donc quel que soit l'état/image/icône un clic dessus te mène la ou tu le souhaites
(un lien selon l'état serait plus complexe "dans le script" mais c'est pas la question)

[eljano]

paramêtre avancé de l'info à côté de tester

vidéo ajouté dans le sujet avec ton besoin à la fin (ajouté un fichier)

Remontée de topic...
Sujet intéressant.
Ou pourrait-on trouver cette vidéo ?

Et au lieu d'un lien, serait-il possible de lancer une appli ?
Merci !

[winhex]

https://youtu.be/npxFtA794Eg

Code : Tout sélectionner

<style>
.conteneur{

  border: 1px #aaa solid;
  text-align: center;
  display: table-cell;
  vertical-align: middle;
}
</style>
<div class="conteneur cmd tooltips cmd-widget" data-type="info" data-subtype="string" data-cmd_id="#id#" title="#collectDate#">


<a href="#OnClick#" target="_blank" id="iconCmd#id#"></a>

<script>
$('#iconCmd#id#').append('<img src="#Images#" height=#Hauteur# width=#Largeur#>');
</script>

</div>

exemple clic et images

Code : Tout sélectionner

http://www.aerolepuy.fr/image.php?id=img1

ou site meteo fournissant une image et lien sur la page
https://www.yr.no/?lang=en

je doutes de la compatibilité v4
tu devras directement passé par un design et création html
un plug existe aussi en plus poussé
viewtopic.php?t=30797#p535369

pour un lancement d appli : il faut que celle ci l'autorise genre tune in

https://tunein.com/radio/RTL-2-1059-s50 ... 8kUXtbd5R1

sinon regarde du côté du plug/appli JPI

[eljano]

Super, merci !
Je vais regarder tout ça !

[winhex]

explication de la disparition du tuto
viewtopic.php?f=185&t=18084&p=733592#p733592
faut écrire quand le sujet est interessant

[eljano]

explication de la disparition du tuto
viewtopic.php?f=185&t=18084&p=733592#p733592
faut écrire quand le sujet est interessant

Oui c'est très ch....