Forum Replies Created
-
re:
Je vous envoie un petit correctif concernant le fichier RL.CGX à modifier. La balise
n’est pas complète dans la modif proposé ci-dessus. Je pense que vous l’auriez vue, mais je vous renvoie la modif complète sans erreur
Voici la correction :
# MODIF A FAIRE > Fichier ./WEBPROG/CGX/RL.CGX >> modif dans la balise
# ENTREE
c l E1 <ONOFF><id>IN1_etat</id><value>%d</value>ledR_</img></ONOFF>
c l E2 <ONOFF><id>IN2_etat</id><value>%d</value>ledR_</img></ONOFF>
c lt1 <html><id>IN1_tempj</id><value>%d</value></html>
c lt2 <html><id>IN2_tempj</id><value>%d</value></html>cdt
00Bonjour,
Il y a plusieurs manière de faire votre modification. Les Modifications proposé ci-dessous concerne la version WES v0_83H B03 exclusivement.
La plus part des graphiques, relais, bouton, led etc .. sont des icones, des images qui sont découpées depuis le fichier ./WEBPROG/icons/icones.png.
C’est le fichier ./WEBPROG/CSS/icons.css qui détermine le découpages et l’indexation des divers images (icones) à afficher et qui détermine
le nom de la Class du symbole à afficher. L’image équivalente à découper est déterminé par la propriété CSS background-position: X Y.
qui correspond à l’index de l’image (Icone) en relatif dans le fichier icones.pngexemple pour les relais : class .ICO-REL_OFF .ICO-REL_ON
exemple pour les Imputs : class .ico-led_OFF .ico-led_ONSi vous regardez l’image ./WEBPROG/icons/icones.png. vous reconnaîtrez les 2 LEDs des inputs (gris et vert) mais le ROUGE n’existe pas. Donc il faut créer cette nouvelle image. Je l’ais fait pour vous, voir en pièce jointe.
Donc il faut remplacer le fichier ./WEBPROG/icons/icones.png par celui que je vous envoie et rajouter l’adressage et le nom des nouvelles Class de cette nouvelle LED rouge en état OFF et ON. J’ai donné les Noms de ces Class « LED ROUGE » = .ico-ledR_OFF et .ico-ledR_ON
/* MODIF A FAIRE , ajouter en continuité en fin de ./WEBPROG/icons/icon.css >> IMPORTANT SANS SAUT de page NI Espace */
.ico-ledR_OFF{width:16px;height:16px;background-position:-47px -171px}.ico-ledR_ON{width:16px;height:16px;background-position:-99px -171px}Il faut maintenant affecter le nouveau nom de la Class des imput « Rouge » dans le fichier relais.HTM
<!– MODIF A FAIRE dans relais.htm ligne 52 pour le input 1 et ligne 57 pourle input 2 >> remplace ico-led_OFF par ico-ledR_OFF–>
<table class= »table table-condensed »>
<colgroup><col class= »col-md-6″><col class= »col-md-2″><col class= »col-md-2″><col class= »col-md-2″></colgroup>
<tr>
<th id= »INP1″></th><td><span id= »sicon14″ /></td>
<td><span id= »IN1_etat » class= »ico-ledR_OFF » /></td>
<td><span id= »IN1_tempj »></span> s</td>
</tr>
<tr>
<th id= »INP2″></th><td><span id= »sicon15″ /></td>
<td><span id= »IN2_etat » class= »ico-ledR_OFF » /></td>
<td><span id= »IN2_tempj »></span> s</td>
</tr>Maintenant il y a deux manières de modifier la Class de ces nouveaux input « ROUGE ». en fonction des Etats ON ou OFF
C’est dans le fichier ./WEBPROG/JS/XMLHTTP2.JS que l’on trouve la fonction processResponse(xmlDoc) qui détermine l’ID et la Class et l’état d’un bouton ou led à afficher : ON ou OFF, suivant la requête CGX reçue.
Pour la Page RELAIS.HTM, c’est la requête REL.CGX qui est lancée cycliquement et le serveur renvoi les divers états pour chaque ID.
C’est la fonction processResponse(xmlDoc) qui construit la Class à modifier en fonction de la réponse à la requête REL.CGX.Voici le résultat de la reqête REL.CGX pour mon INPUT 1
<ONOFF>
<id>IN1_etat</id>
<value>0</value>
led_</img>
</ONOFF>Voici la Zone concernée dans la fonction processResponse(xmlDoc) qui lit le résultat de la requête CGX et construit le NOM des Class des Icones des Inputs et des Relais (boutons)
$(xmlDoc).find(‘ONOFF’).each(function(){
var LOGO = $(this).find(‘img’).text();
var cgxname = $(this).find(‘id’).text();
var cgxvalue = $(this).find(‘value’).text();
var ONOFF;
if((cgxvalue == « checked »)||(cgxvalue == 1)) ONOFF = ‘ON’;
else ONOFF = ‘OFF’;
if(!$(‘#’+cgxname).hasClass(« ico-« +LOGO+ONOFF)) $(‘#’+cgxname).removeClass().addClass(« ico-« +LOGO+ONOFF);
});on récupère depuis la requête RL.CGX
– le nom (LOGO) de l’icone dans la balisesoit « led_ »
– le ID du Input dans la balise <Id> soit « IN1_etat »
– l’etat du Input dans la balise <value> soit « 0 » ou « 1 » transformé en OFF ou ONLa Class pour l’input 1 est donc Crée en fonction de l’état de la led soit : « ico-led_OFF » ou « ico-led_ON »
Au lieu de ico-led_OFF ou ico-led_ON, NOUS VOULONS Changer les CLASS par ico-ledR_OFF et ico-ledR_ON. La fontion JS recontruit le Nom de la Class par .addClass(« ico-« +LOGO+ONOFF); soit ico- + led_ + OFFPour faire reconnaître les deux nouvelles CLASS .ico-ledR_OFF et .ico-ledR_OFF on peut rajouter une discrie sur l’ID correspondant aux inputs à modifier. Mais ce n’est pas le meilleurs moyen car la fonction processResponse(xmlDoc) génére le résultat des Identifiants pour toutes les pages WEB du WES et peux être modifié dans de future Release.
On sait maintenant que c’est VIA la Balise
lue en résultat de la requête RL.CGX que l’on récupère une partie du NOM de la CLASS des Inputs pour construire le NOM de la CLASS complète des inputs soit « led_ », et nous on veut « ledR_ ».
La meilleure solution est d’indiquer simplement dans le fichier ./WEBPROG/CGX/RL.CGX le nouveau NOM de la Class pour ces IMPUT à créer
# Fichier ./WEBPROG/CGX/RL.CGX d’Origine
# ENTREE
c l E1 <ONOFF><id>IN1_etat</id><value>%d</value>led_</img></ONOFF>
c l E2 <ONOFF><id>IN2_etat</id><value>%d</value>led_</img></ONOFF>
c lt1 <html><id>IN1_tempj</id><value>%d</value></html>
c lt2 <html><id>IN2_tempj</id><value>%d</value></html># MODIF A FAIRE > Fichier ./WEBPROG/CGX/RL.CGX >> modif dans la balise
# ENTREE
c l E1 <ONOFF><id>IN1_etat</id><value>%d</value>ledR_</img></ONOFF>
c l E2 <ONOFF><id>IN2_etat</id><value>%d</value>ledR_</img></ONOFF>
c lt1 <html><id>IN1_tempj</id><value>%d</value></html>
c lt2 <html><id>IN2_tempj</id><value>%d</value></html>Donc pour faire votre modif.
– remplacer le fichier ./WEBPROG/icons/icones.png
– rajouter la référence des images led Rouge dans ./WEBPROG/CSS/icons.css comme indiqué ci-dessus
– modifier le fichier relais.htm comme indiqué ci-dessus
– modifier le fichier ./WEBPROG/CGX/REL.cgx comme indiqué ci-dessus.
Ces modifs concerne la version WES v0_83H B03. Modif testé et fonctionnelleCdt
00
