Forum KNX francophone / English KNX forum
Création widget knxweb2 - Version imprimable

+- Forum KNX francophone / English KNX forum (https://www.knx-fr.com)
+-- Forum : Français (https://www.knx-fr.com/forumdisplay.php?fid=3)
+--- Forum : Logiciels libres (linknx, knxweb, pKNyX,...) (https://www.knx-fr.com/forumdisplay.php?fid=10)
+--- Sujet : Création widget knxweb2 (/showthread.php?tid=2883)



Création widget knxweb2 - Poobe - 19/02/2014

Bonsoir, je cherche à créer un nouveau widget sur knxweb2.
Je n'ai aucune base ni en js ni en rien en fait...

le but: créer un vu-mètre pour voir ma conso électrique en temps réel (j'ai un module hager TXA230A et je récupère bien les info via linknx+ knxweb)

j'ai réussi à créer un nouveau widget'teleinfo'
la conception du vu mètre est basé sur ce composant js développé par http://www.justgage.com/

mon problème c'est que le vu-mètre doit se placer dans un container ID.
j'arrive à créer un container dans la class téléinfo mais le vu-mètre ne le vois pas. si je drag and drop une seconde fois mon widget alors le vu mètre apparaît (le premier widget vide a créé le container)

ci joint une capture écran du résultat que j'obtiens.

question:
1- est-ce que quelqu'un a déjà développé un vu-mètre sur knxweb2 ?
2- comment faire pour que mon container soit créé (au bon endroit) avant la création du vu-mètre ?

merci par avance



RE: Création widget knxweb2 - Mika-nt28 - 19/02/2014

Je travaille justement sur la même chose et je bloque au même endroit.
Je n'ai pas trouvée de solution viable.
Je vais essaye la jauge widget Jquery


RE: Création widget knxweb2 - Poobe - 19/02/2014

Salut Mika et merci pour ce partage, d'un coup j'ai l'impression d'être moins seul.
je vais regarder la jauge widget Jquery, je vais aussi regarder du coté de Sencha Ext JS (http://www.sencha.com/products/extjs/examples/#sample-4) qui pourrait peut-être fonctionner sans ce fameux container.

Bonne journée


RE: Création widget knxweb2 - Poobe - 19/02/2014

Bon je pense que Sencha Ext Js ne fais pas ce que je veux, ça à l'air compliqué et lourd à gérer...



RE: Création widget knxweb2 - Mika-nt28 - 20/02/2014

oui je trouve dommage que justegage n'a pas prévue de mettre directement le centenaire plutôt que juste sont id.



RE: Création widget knxweb2 - Energy01 - 20/02/2014

Salut,

je ne comprend pas bien votre/vos problèmes pour créer vos plugins

http://www.justgage.com/
perso je n'aime pas trop cette gauge c'est lourd ce qu'il faut charger pour si peu toute la bibliothèque "raphael" qui faut déjà 88ko juste pour une petite gauge ...

Mika-nt28 a écrit :Je travaille justement sur la même chose et je bloque au même endroit.
Je n'ai pas trouvée de solution viable.
Je vais essaye la jauge widget Jquery

tu peux donner le lien de "cette jauge jquery" stp ?

si vous trouver "moins gros" je peu vous aider si vous voulez pour le plugin

@+
Anthony.


RE: Création widget knxweb2 - Mika-nt28 - 20/02/2014

Tu trouve toute les info ici
https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgauge/index.htm?(arctic)

Le widget est presque terminée (enfin la première version).
La librairie fait tout de même 34,9 Ko.


RE: Création widget knxweb2 - Poobe - 20/02/2014

Bonjour Anthony et merci pour ta réponse.

je pense que l'url de la jauge en jquery est https://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgauge/index.htm?(arctic)

concernant le problème c'est que:
1- je ne suis pas un pro du développement web (je pilote des projets informatiques dans le domaine RH mais ne développe pas...en général je laisse faire ceux qui savent et c'est mieux pour tous le monde Tongue )

2- la jauge se créé dans un container balisé par <div id="gauge" class="200x160px"></div>
je n'arrive pas à créer cet id sous la balise class du widget quand je le créé dans KNXWeb2. en fait l'ID se créé en sortie du script. Donc quand il créé la jauge il ne trouve pas l'id.
Ci joint le script que j'utilise

Quelle serait pour toi une taille idéale ?

@+
heu en fait j'ai du supprimer le fichier car je ne peux pas envoyer de .js sur le site (ce qui est une évidence même !!)

désolé


RE: Création widget knxweb2 - Mika-nt28 - 20/02/2014

Tu peut trouver ici le premier jet du widget avec JQuery.
https://groups.google.com/forum/?hl=fr&fromgroups#!topic/eibd-linknx-knxweb/ttiDv4WnIXc


RE: Création widget knxweb2 - fma38 - 25/02/2014

Concernant Ext JS, ça a l'air complexe au premier abord, mais en fait, une fois pigé, c'est pas si terrible, et c'est quand même vachement puissant. Je suis en train de le potasser pour faire une visu...

J'ai acheté ce bouquin (format liseuse) :

http://www.amazon.com/Learning-Ext-JS-Shea-Frederick/dp/1847195148

que je trouve vraiment très bien fait.


RE: Création widget knxweb2 - Poobe - 25/02/2014

merci Frédéric, faudra que j'me lance pour de vrai dans le JS !!
en fait là j'ai progressé avec justgage, j'arrive a créer le widget en mode design, et mon widget apparait dans la bonne visu en test. Yep
j'ai utilisé la "méthode", $(document).ready pour attendre que la page se charge (et donc créé le container pour la jauge) et là miracle !!
j'ai pas encore refais de post parce que j'ai encore pas mal de points à gérer (des messages au chargement de knxweb, etc...)
Mais dès que j'aurais avancé je ferais un retour. (donc d'ici 6 mois un an...)

bonne soirée,