Inspecteur de Propriétés => Notion de groupes / Tabulations ?

[Bonsoir Yves,... bricolé encore un peu sur mon site et je me pose encore de nouvelles questions:1/ Pourriez vous expliquer la notion de [groupe] dans l'[Explorateur d'éléments] ? Pourquoi un "groupe" ne peut il pas se déplacer avec tous les éléments qu'il contient, sauf si je ne m'abuse, si ceux-ci ne sont pas verrouillés ? 2/ A quoi sert de faire des groupes?3/ Pourrait on revenir sur ce post :http://www.forum.neutsoftware.com/index.php?topic=3134.msg17602#msg17602.car je voudrais bien comprendre ce que Admin dit là dedans ?Cela irait à l'encontre de ce que j'ai posté moi_même, mais qui m'a valu à l'époque d'avoir à refaire tout mon formulaire :http://www.berrand-sarl.fr/Determination_CESI.htmlsuite à ma demande tout à fait identique, d'où ma réponse ! Bon v'là des bonnes questions encore...@+ Guy.]

Bonsoir Yves,
... bricolé encore un peu sur mon site et je me pose encore de nouvelles questions:

1/ Pourriez vous expliquer la notion de [groupe] dans l'[Explorateur d'éléments] ? Pourquoi un "groupe" ne peut il pas se déplacer avec tous les éléments qu'il contient, sauf si je ne m'abuse, si ceux-ci ne sont pas verrouillés ?

2/ A quoi sert de faire des groupes?

3/ Pourrait on revenir sur ce post :

http://www.forum.neutsoftware.com/index.php?topic=3134.msg17602#msg17602.

car je voudrais bien comprendre ce que Admin dit là dedans ?
Cela irait à l'encontre de ce que j'ai posté moi_même, mais qui m'a valu à l'époque d'avoir à refaire tout mon formulaire :

http://www.berrand-sarl.fr/Determination_CESI.html

suite à ma demande tout à fait identique, d'où ma réponse !

Bon v'là des bonnes questions encore...

@+ Guy.

[J'ai ouvert un fil de discussion le 13 juin ! Nous sommes le 17 aujourd'hui et personne ne m'a encore répondu ! ! ! C'est quoi ce bin'z ! ! ! Un ami KIRI]

J'ai ouvert un fil de discussion le 13 juin ! Nous sommes le 17 aujourd'hui et personne ne m'a encore répondu ! ! ! C'est quoi ce bin'z ! ! !
Un ami KIRI

[A) Personne ne veut répondre...B) Personne ne sait répondre ?C) C'est à la fois un problème très très simple mais si compliqué ! ! !Mais je n'ai pas oublié, par contre je suis tout seul ici pour la majorité de ces explications (Je ne m'en cache pas moa...), et je participe aussi à d'autres Forums... Alors j'avais commencé à vous préparer un didacticiel, un "Magistral" quoi, mais je ne l'ai pas encore "terminationné"...Pour vous donner un ordre d'idée, ci dessous une des images en cours... Voilà qui devrait déjà vous donner du "grain à moudre" ?Vous comprendrez plus aisément plus loin l'utilité indéniable de certaines choses et pratiques (Méthodes s'entend...), mais aussi l'inutilité de pas mal d'autres, surtout suite à une Page vue hier, "ASLA59"...Où nous découvrirons une liste d'aberrations sinon même d'abominations ?Cordialement, Yvanoph---]

A) Personne ne veut répondre...
B) Personne ne sait répondre ?
C) C'est à la fois un problème très très simple mais si compliqué ! ! !
Mais je n'ai pas oublié, par contre je suis tout seul ici pour la majorité de ces explications (Je ne m'en cache pas moa...), et je participe aussi à d'autres Forums... Alors j'avais commencé à vous préparer un didacticiel, un "Magistral" quoi, mais je ne l'ai pas encore "terminationné"...

Pour vous donner un ordre d'idée, ci dessous une des images en cours... Voilà qui devrait déjà vous donner du "grain à moudre" ?
Vous comprendrez plus aisément plus loin l'utilité indéniable de certaines choses et pratiques (Méthodes s'entend...), mais aussi l'inutilité de pas mal d'autres, surtout suite à une Page vue hier, "ASLA59"...
Où nous découvrirons une liste d'aberrations sinon même d'abominations ?


Cordialement, Yvanoph---

P.S. Image déplacée à la Publication suivante car plus utile !

[Quand vous introduisez un [Composant/Général/Texte] par exemple, dans l' "Inspecteur de Propriétés" vous verrez apparaître "Text1".Si vous en rajoutez un deuxième, son nom sera "Text2", le dixième bien évidemment "Text10" etc. ! Tout comme la dixième image sera nommée "Image10"...En supposant que ce soit un JSC qui soit autorisé à être employé X fois dans la même Page, vous aurez pour la troisième "instance" (Terme informatique), le troisième exemplaire (Terme explicite), "JSCPatinCoufin3"Bien sûr, à cet instant t vous savez à quoi correspond tout ça ? "Bah voui" me direz vous, et peut-être même en haussant les épaules, puisque vous savez ce que vous construisez...Et dans une semaine, après vingt autres Pages ? Et dans un mois, dans six mois, dans un an ?Alors il vous est possible de baptiser chacun d'eux, à quelques conditions près, puisque ces textes vont renter dans une DB (Base de données) :QUE des lettres, MAJUSCULES et / ou minuscules, et des chiffres ! ! !PAS d'accents, d'espaces, de signes "cabalistiques" etc. ?PAS de doublons...Vous pouvez comparer les deux images cote à cote en bas, celle de gauche "brut XWD", celle de droite plus maligne avec un texte explicite ?Alors travaillons ENCORE plus INTELLIGEMMENT ! ! !Et commençons par NOMMER nos "objets" (Terme informatique), COMPOSANTs, JSCs, éléments (Termes explicites)...Comme vous pouvez le constater dans les deux images de droite, celle du haut présente une Liste de Noms de Composants que nous comprendrons aisément dans quelques temps, voire même une personne reprenant la gestion du Site ?C'est CLAIR, NET, EXPLICITE !Maintenant, tout ça est dans un ordre, celui de votre création, ou celui d'un ensemble issu d'un Modèle ? Et pas de chance, cette chronologie ne vous convient pas du tout...Alors "géographiquement", vous situez tout ça autrement sur votre Page ! Ça devient plus esthétique à votre goût, et même le superflu à été coupé, supprimé."Youpi, affaire classée" pensez vous...Et bien que nenni ! Car si dans la Page, le "Front Office vu par le Visiteur", l'ordre de présentation a été correctement modifié, dans l' "Inspecteur de Propriétés", le "Back Office", rien n'a changé, hors l'absence de ce qui ont disparu ?Et c'est là que nous allons modifier la chronologie du chargement, en faisant monter ou descendre chaque "Objet" comparativement aux autres, par le biais des touches "Tabulations" (Cf. deuxième image ci dessous), qui vont nous changer non seulement le numéro d'ordre, par exemple tel réponse en premier dans un Courriel, que les "z-index" dans la Page, la troisième dimension, Z, soit les claques empilées en épaisseur ! ! !Par ce biais vous allez modifier l'ordre de chargement de tous vos "Objets", voire plus si vous avez suivi les Fils parlant des méthodes de chargement optimisées quant aux Pages ?Et dans la Publication suivante, nous verrons bien sûr quelques autres utilités quant à travailler correctement, avec BON SENS ! ! !Cordialement, Yvanoph---]

Quand vous introduisez un [Composant/Général/Texte] par exemple, dans l' "Inspecteur de Propriétés" vous verrez apparaître "Text1".
Si vous en rajoutez un deuxième, son nom sera "Text2", le dixième bien évidemment "Text10" etc. ! Tout comme la dixième image sera nommée "Image10"...
En supposant que ce soit un JSC qui soit autorisé à être employé X fois dans la même Page, vous aurez pour la troisième "instance" (Terme informatique), le troisième exemplaire (Terme explicite), "JSCPatinCoufin3"

Bien sûr, à cet instant t vous savez à quoi correspond tout ça ? "Bah voui" me direz vous, et peut-être même en haussant les épaules, puisque vous savez ce que vous construisez...
Et dans une semaine, après vingt autres Pages ? Et dans un mois, dans six mois, dans un an ?

Alors il vous est possible de baptiser chacun d'eux, à quelques conditions près, puisque ces textes vont renter dans une DB (Base de données) :
QUE des lettres, MAJUSCULES et / ou minuscules, et des chiffres ! ! !
PAS d'accents, d'espaces, de signes "cabalistiques" etc. ?
PAS de doublons...

Vous pouvez comparer les deux images cote à cote en bas, celle de gauche "brut XWD", celle de droite plus maligne avec un texte explicite ?


Alors travaillons ENCORE plus INTELLIGEMMENT ! ! !
Et commençons par NOMMER nos "objets" (Terme informatique), COMPOSANTs, JSCs, éléments (Termes explicites)...

Comme vous pouvez le constater dans les deux images de droite, celle du haut présente une Liste de Noms de Composants que nous comprendrons aisément dans quelques temps, voire même une personne reprenant la gestion du Site ?
C'est CLAIR, NET, EXPLICITE !


Maintenant, tout ça est dans un ordre, celui de votre création, ou celui d'un ensemble issu d'un Modèle ? Et pas de chance, cette chronologie ne vous convient pas du tout...
Alors "géographiquement", vous situez tout ça autrement sur votre Page ! Ça devient plus esthétique à votre goût, et même le superflu à été coupé, supprimé.
"Youpi, affaire classée" pensez vous...

Et bien que nenni ! Car si dans la Page, le "Front Office vu par le Visiteur", l'ordre de présentation a été correctement modifié, dans l' "Inspecteur de Propriétés", le "Back Office", rien n'a changé, hors l'absence de ce qui ont disparu ?
Et c'est là que nous allons modifier la chronologie du chargement, en faisant monter ou descendre chaque "Objet" comparativement aux autres, par le biais des touches "Tabulations" (Cf. deuxième image ci dessous), qui vont nous changer non seulement le numéro d'ordre, par exemple tel réponse en premier dans un Courriel, que les "z-index" dans la Page, la troisième dimension, Z, soit les claques empilées en épaisseur ! ! !


Par ce biais vous allez modifier l'ordre de chargement de tous vos "Objets", voire plus si vous avez suivi les Fils parlant des méthodes de chargement optimisées quant aux Pages ?

Et dans la Publication suivante, nous verrons bien sûr quelques autres utilités quant à travailler correctement, avec BON SENS ! ! !


Cordialement, Yvanoph---

[S'il est possible au démarrage de jeter tous ses Composants "en vrac" dans une Page, ou si cette dernière est modifiée par suppression, remplacement ou ajouts d'autres, il convient de les organiser INTELLIGEMMENT ?Pour cela nous avons deux solutions pour les "groupir, car il faut groupir" qu'il disait...Nous pouvons au choix les grouper "en vrac" dans des Répertoires dans l' "Explorateur d'éléments", en pensant quand même à donner des noms "astucieux" à ces groupements ?De mémoire, ce gadget a vu le jour il doit y avoir deux ans, suite à une demande d'évolution par JMs, pour "classer" ses JSCs et Composants implantés dans une Page...Plus intelligent, à mon sens, est de placer l'ensemble de nos "Objets" ou Composants dans l'ordre le plus judicieux quant au chargement, comme déjà expliqué dans les Fils traitant du Référencement ? En gros, Images de fond, Textes, Boutons, Animations, "Java Scripts" divers...Et vous noterez que dans ce cas là, nous avons alors une organisation RATIONNELLE dans l' "Inspecteur de Propriétés" ! ! !Personnellement, je préfère, et de loin, la deuxième solution, car elle influe sur le Référencement, alors que tous nos "Objets" regroupés dans des "paniers", même nommés "intelligemment", ne change rien au bazar qui traîne en dessous ?Bref, un gadget inutile, qui, même replié, me mange de la visibilité dans ma colonne droite ! ! ! Et comme nulle par il n'y a une Case à cocher dans les Options pour afficher et charger ou non ce genre de complément, GRRRrrrr... ENCORE des ressources de NOS machines consommées pour RIEN !Bref, nous allons voir dans la Publication suivante une organisation désastreuse, réalisée par un "WebMaster", s'il en est ?Bien tristement, Yvanoph---]

S'il est possible au démarrage de jeter tous ses Composants "en vrac" dans une Page, ou si cette dernière est modifiée par suppression, remplacement ou ajouts d'autres, il convient de les organiser INTELLIGEMMENT ?

Pour cela nous avons deux solutions pour les "groupir, car il faut groupir" qu'il disait...

Nous pouvons au choix les grouper "en vrac" dans des Répertoires dans l' "Explorateur d'éléments", en pensant quand même à donner des noms "astucieux" à ces groupements ?
De mémoire, ce gadget a vu le jour il doit y avoir deux ans, suite à une demande d'évolution par JMs, pour "classer" ses JSCs et Composants implantés dans une Page...

Plus intelligent, à mon sens, est de placer l'ensemble de nos "Objets" ou Composants dans l'ordre le plus judicieux quant au chargement, comme déjà expliqué dans les Fils traitant du Référencement ? En gros, Images de fond, Textes, Boutons, Animations, "Java Scripts" divers...
Et vous noterez que dans ce cas là, nous avons alors une organisation RATIONNELLE dans l' "Inspecteur de Propriétés" ! ! !


Personnellement, je préfère, et de loin, la deuxième solution, car elle influe sur le Référencement, alors que tous nos "Objets" regroupés dans des "paniers", même nommés "intelligemment", ne change rien au bazar qui traîne en dessous ?
Bref, un gadget inutile, qui, même replié, me mange de la visibilité dans ma colonne droite ! ! ! Et comme nulle par il n'y a une Case à cocher dans les Options pour afficher et charger ou non ce genre de complément, GRRRrrrr... ENCORE des ressources de NOS machines consommées pour RIEN !


Bref, nous allons voir dans la Publication suivante une organisation désastreuse, réalisée par un "WebMaster", s'il en est ?


Bien tristement, Yvanoph---

[A l'examen de la Page "index.html" du Site ASLA59, nous pouvons tous constater une multitude de choses ?La toute première est que la Page est "abomifreusement" longue à charger... Et de fait, elle pèse déjà 1.5 Mo ! ! ! Pour une Page d'Accueil, il est IMPENSABLE de la laisser ainsi, c'est à l'opposé de TOUT Référencement ! Et même PIRE, elle est catastrophique quant au respect des Normes, autant dire que ce Site sera hélas pour l'instant classé droit dans la "Ploubelle" ? (Ou classement dit "vertical"...) Quant à ceux qui veulent le consulter par Wi Fi, bon courage !Il est possible, ensuite, de constater à l'examen du Code, que cette Page a été remaniée plusieurs fois. Les Boutons sont classés dans l'ordre de création, donc des "Tabulations", la lettre V pour ceux verticaux à gauche, la H pour les horizontaux, le chiffre donnant la position chronologique affichée :Bouton V1 "Calendriers":<div id="obj10017" class="css25"></div>Bouton V2 "Albums Photos" :<div id="obj10018" class="css29"></div>Bouton V3 "Vidéos" :<div id="obj10019" class="css30"></div>Bouton V4 "Livre d'or ASLA" :<div id="obj10020" class="css31"></div>Bouton H5 "Tryptique" :<div id="obj10028" class="css39"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10028','./images/p45b10028Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10028','./images/p45b10028Ov.gif','#000000',true);" href="./Tryptique-2013.125.html"> </a> </div> <div class="css40"> <a id="p45b10028TXT" class="css41" onmouseout="wbuttonChange('p45b10028','./images/p45b10028Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10028','./images/p45b10028Ov.gif','#000000',true);" href="./Tryptique-2013.125.html">Tryptique</a> </div></div>Bouton H2 "Agenda" :<div id="obj10029" class="css42"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10029','./images/p45b10029Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10029','./images/p45b10029Ov.gif','#000000',true);" href="./Agenda.138.html"> </a> </div> <div class="css40"> <a id="p45b10029TXT" class="css41" onmouseout="wbuttonChange('p45b10029','./images/p45b10029Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10029','./images/p45b10029Ov.gif','#000000',true);" href="./Agenda.138.html">Agenda</a> </div></div>Bouton H6 "Liens" :<div id="obj10030" class="css43"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10030','./images/p45b10030Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10030','./images/p45b10030Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"> </a> </div> <div class="css40"> <a id="p45b10030TXT" class="css41" onmouseout="wbuttonChange('p45b10030','./images/p45b10030Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10030','./images/p45b10030Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Liens</a> </div></div>Bouton H7 "Revues de Presse" :<div id="obj10031" class="css44"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10031','./images/p45b10031Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10031','./images/p45b10031Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"> </a> </div> <div class="css40"> <a id="p45b10031TXT" class="css41" onmouseout="wbuttonChange('p45b10031','./images/p45b10031Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10031','./images/p45b10031Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Revue de Presse</a> </div></div>Bouton H8 "Téléchargement" :<div id="obj10032" class="css45"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10032','./images/p45b10032Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10032','./images/p45b10032Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"> </a> </div> <div class="css40"> <a id="p45b10032TXT" class="css41" onmouseout="wbuttonChange('p45b10032','./images/p45b10032Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10032','./images/p45b10032Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Téléchargement</a> </div></div>Bouton H9 "Contact" :<div id="obj10033" class="css46"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10033','./images/p45b10033Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10033','./images/p45b10033Ov.gif','#FF9F00',true);" href="./Contact.6.html"> </a> </div> <div class="css40"> <a id="p45b10033TXT" class="css41" onmouseout="wbuttonChange('p45b10033','./images/p45b10033Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10033','./images/p45b10033Ov.gif','#FF9F00',true);" href="./Contact.6.html">Contact</a> </div></div>Bouton H4 "Challenge du Ch'ti" :<div id="obj10034" class="css47"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10034','./images/p45b10034Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10034','./images/p45b10034Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"></a> </div> <div class="css40"> <a id="p45b10034TXT" class="css41" onmouseout="wbuttonChange('p45b10034','./images/p45b10034Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10034','./images/p45b10034Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Challenge du Ch'ti</a> </div></div>Bouton H1 "Accueil" : // Le SEUL et UNIQUE Bouton conventionnel !<div id="obj10035" class="css48"> <a href="./index.html"> <img border="0" onmouseout="this.src='./images/p45b10035Up.gif'" onmouseover="this.src='./images/p45b10035Ov.gif'" title="" alt="" src="./images/p45b10035Up.gif"> </a></div>Bouton H2 "L'Association" : // Le SEUL et UNIQUE Bouton presque normalement fonctionnel !<div id="obj10036" class="css49"> <div class="css26"> <a onmouseout="wbuttonChange('p45b10036','./images/p45b10036Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10036','./images/p45b10036Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"></a> </div> <div class="css40"> <a id="p45b10036TXT" class="css41" onmouseout="wbuttonChange('p45b10036','./images/p45b10036Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10036','./images/p45b10036Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">L'Association</a> </div></div>// Et ci dessous la "<div" qui s'affichera au Survol de ce Bouton, le "Panneau furtif" :<div id="obj10051" class="css70"> <div id="divP45I10051" class="css71" style="display: none;"> <p class="css22"><span class="css72">L'ASSOCIATION</span></p> <p class="css9"><span class="css11"><br></span></p> <div class="css9"> <table class="css73" cellspacing="2" cellpadding="1" border="1"> <tbody>. . . / . . . </tbody> </table> </div> <p class="css9"><span class="css11"></span><br><span class="css11"><br></span></p> </div>// Le script qui le fera afficher : <script type="text/javascript">addBtnPanel("P45I10051","JSCbtnPanel1","obj10036");</script></div>Et enfin LE css "ABOMIFREUX" ! ! !.css70{position:absolute;left:40px;top:330px;width:32px;height:32px;z-index:10051;}.css71{display:none;background-color:#FFFFFF; width:1128px;height:300px; border:3px solid #000000; opacity:(100/100);-moz-opacity:(100/100); -khtml-opacity:(100/100); filter:alpha(opacity=100);}.css72{font-size:20pt;font-family:'Arial';font-style:normal;font-weight:bold;color:#000000;background-color:transparent;text-decoration:none;}.css73{border-color:#000000;border-style:solid;}.css74{font-size:16pt;font-family:'Arial';font-style:normal;font-weight:normal;color:#0000ff;background-color:transparent;text-decoration:underline;}Et, CURIEUSEMENT, la fonction wbuttonChange utilisée dans le Bouton n'existe pas dans le Code... function addBtnPanel(id,name,btn){ for (i=0;i<links.length;i++){ var link=links; link.href="#"; link.onmouseover=function(){ document.getElementById("div"+id).style.display="block"; }; link.onmouseout=function(){ document.getElementById("div"+id).style.display="none"; }; var div=document.getElementById("div"+id); div.onmouseover=link.onmouseover; div.onmouseout=link.onmouseout; }}]

A l'examen de la Page "index.html" du Site ASLA59, nous pouvons tous constater une multitude de choses ?
La toute première est que la Page est "abomifreusement" longue à charger... Et de fait, elle pèse déjà 1.5 Mo ! ! ! Pour une Page d'Accueil, il est IMPENSABLE de la laisser ainsi, c'est à l'opposé de TOUT Référencement ! Et même PIRE, elle est catastrophique quant au respect des Normes, autant dire que ce Site sera hélas pour l'instant classé droit dans la "Ploubelle" ? (Ou classement dit "vertical"...) Quant à ceux qui veulent le consulter par Wi Fi, bon courage !

Il est possible, ensuite, de constater à l'examen du Code, que cette Page a été remaniée plusieurs fois. Les Boutons sont classés dans l'ordre de création, donc des "Tabulations", la lettre V pour ceux verticaux à gauche, la H pour les horizontaux, le chiffre donnant la position chronologique affichée :

Bouton V1 "Calendriers":
<div id="obj10017" class="css25"></div>
Bouton V2 "Albums Photos" :
<div id="obj10018" class="css29"></div>
Bouton V3 "Vidéos" :
<div id="obj10019" class="css30"></div>
Bouton V4 "Livre d'or ASLA" :
<div id="obj10020" class="css31"></div>
Bouton H5 "Tryptique" :
<div id="obj10028" class="css39">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10028','./images/p45b10028Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10028','./images/p45b10028Ov.gif','#000000',true);" href="./Tryptique-2013.125.html">
      </a>
   </div>
   <div class="css40">
      <a id="p45b10028TXT" class="css41" onmouseout="wbuttonChange('p45b10028','./images/p45b10028Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10028','./images/p45b10028Ov.gif','#000000',true);" href="./Tryptique-2013.125.html">Tryptique</a>
   </div>
</div>
Bouton H2 "Agenda" :
<div id="obj10029" class="css42">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10029','./images/p45b10029Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10029','./images/p45b10029Ov.gif','#000000',true);" href="./Agenda.138.html">
      </a>
   </div>
   <div class="css40">
      <a id="p45b10029TXT" class="css41" onmouseout="wbuttonChange('p45b10029','./images/p45b10029Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10029','./images/p45b10029Ov.gif','#000000',true);" href="./Agenda.138.html">Agenda</a>
   </div>
</div>
Bouton H6 "Liens" :
<div id="obj10030" class="css43">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10030','./images/p45b10030Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10030','./images/p45b10030Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">
      </a>
   </div>
   <div class="css40">
      <a id="p45b10030TXT" class="css41" onmouseout="wbuttonChange('p45b10030','./images/p45b10030Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10030','./images/p45b10030Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Liens</a>
   </div>
</div>
Bouton H7 "Revues de Presse" :
<div id="obj10031" class="css44">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10031','./images/p45b10031Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10031','./images/p45b10031Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">
      </a>
   </div>
   <div class="css40">
      <a id="p45b10031TXT" class="css41" onmouseout="wbuttonChange('p45b10031','./images/p45b10031Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10031','./images/p45b10031Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Revue de Presse</a>
   </div>
</div>
Bouton H8 "Téléchargement" :
<div id="obj10032" class="css45">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10032','./images/p45b10032Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10032','./images/p45b10032Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">
   </a>
   </div>
   <div class="css40">
      <a id="p45b10032TXT" class="css41" onmouseout="wbuttonChange('p45b10032','./images/p45b10032Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10032','./images/p45b10032Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Téléchargement</a>
   </div>
</div>
Bouton H9 "Contact" :
<div id="obj10033" class="css46">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10033','./images/p45b10033Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10033','./images/p45b10033Ov.gif','#FF9F00',true);" href="./Contact.6.html">
      </a>
   </div>
   <div class="css40">
      <a id="p45b10033TXT" class="css41" onmouseout="wbuttonChange('p45b10033','./images/p45b10033Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10033','./images/p45b10033Ov.gif','#FF9F00',true);" href="./Contact.6.html">Contact</a>
   </div>
</div>
Bouton H4 "Challenge du Ch'ti" :
<div id="obj10034" class="css47">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10034','./images/p45b10034Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10034','./images/p45b10034Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"></a>
   </div>
   <div class="css40">
      <a id="p45b10034TXT" class="css41" onmouseout="wbuttonChange('p45b10034','./images/p45b10034Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10034','./images/p45b10034Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">Challenge du Ch'ti</a>
   </div>
</div>
Bouton H1 "Accueil" :  //  Le SEUL et UNIQUE Bouton conventionnel !
<div id="obj10035" class="css48">
   <a href="./index.html">
      <img border="0" onmouseout="this.src='./images/p45b10035Up.gif'" onmouseover="this.src='./images/p45b10035Ov.gif'" title="" alt="" src="./images/p45b10035Up.gif">
   </a>
</div>
Bouton H2 "L'Association" :  //  Le SEUL et UNIQUE Bouton presque normalement fonctionnel !
<div id="obj10036" class="css49">
   <div class="css26">
      <a onmouseout="wbuttonChange('p45b10036','./images/p45b10036Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10036','./images/p45b10036Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#"></a>
   </div>
   <div class="css40">
      <a id="p45b10036TXT" class="css41" onmouseout="wbuttonChange('p45b10036','./images/p45b10036Up.gif','#FFFFFF',true);" onmouseover="wbuttonChange('p45b10036','./images/p45b10036Ov.gif','#000000',true);" onclick="xwd.alert('En construction')" href="#">L'Association</a>
   </div>
</div>
//  Et ci dessous la "<div" qui s'affichera au Survol de ce Bouton, le "Panneau furtif" :
<div id="obj10051" class="css70">
   <div id="divP45I10051" class="css71" style="display: none;">
      <p class="css22"><span class="css72">L'ASSOCIATION</span></p>
      <p class="css9"><span class="css11"><br></span></p>
      <div class="css9">
         <table class="css73" cellspacing="2" cellpadding="1" border="1">
            <tbody>
. . . / . . .
            </tbody>
         </table>
      </div>
      <p class="css9"><span class="css11"></span><br><span class="css11"><br></span></p>
   </div>
// Le script qui le fera afficher :
   <script type="text/javascript">addBtnPanel("P45I10051","JSCbtnPanel1","obj10036");</script>
</div>

Et enfin LE css "ABOMIFREUX" ! ! !

.css70{position:absolute;left:40px;top:330px;width:32px;height:32px;z-index:10051;}
.css71{display:none;background-color:#FFFFFF; width:1128px;height:300px; border:3px solid #000000; opacity:(100/100);-moz-opacity:(100/100); -khtml-opacity:(100/100); filter:alpha(opacity=100);}
.css72{font-size:20pt;font-family:'Arial';font-style:normal;font-weight:bold;color:#000000;background-color:transparent;text-decoration:none;}
.css73{border-color:#000000;border-style:solid;}
.css74{font-size:16pt;font-family:'Arial';font-style:normal;font-weight:normal;color:#0000ff;background-color:transparent;text-decoration:underline;}

Et, CURIEUSEMENT, la fonction wbuttonChange utilisée dans le Bouton n'existe pas dans le Code...

function addBtnPanel(id,name,btn){
   for (i=0;i<links.length;i++){
      var link=links;
      link.href="#";
      link.onmouseover=function(){
         document.getElementById("div"+id).style.display="block";
      };
      link.onmouseout=function(){
         document.getElementById("div"+id).style.display="none";
      };
      var div=document.getElementById("div"+id);
      div.onmouseover=link.onmouseover;
      div.onmouseout=link.onmouseout;
   }
}

EN CONCLUSION :

Les Boutons sont tous en vrac quant au chargement, puisque nous commençons par ceux verticaux sur le coté, suivi des horizontaux au sommet dans un désordre indescriptible (Cf. l'ordre affiché dans l'image ci dessous, vérifiable par les "id" reportées ci dessus) ? Bien évidemment, ça fonctionnera, mais quel souk le jour ou il faut retrouver quoi sert à quoi...

Le seul Bouton "normal" ne provoque pas de dégâts, celui de l'ASSOCIATION quant à lui produit son effet puisque la "<div>" existe ! Mais les autres ne provoqueront QUE des erreurs, la fonction appelée au survol étant absente...

Quant au css de cette fameuse "<div>", avant qu'il ne fonctionne, les poules auront des dents ? ? ?
Car depuis QUAND il serait possible d'effectuer des calculs mathématiques dans un fichier de lecture ? ? ? Car diviser 100 par 100 pour obtenir 1, ça fonctionne en "Java Script", mais PAS dans du texte... Faut quand même être complètement NEUNEU pour "PROGRAMMER" ce genre de chose ? ? ?

"Bonsoir,
Il doit y avoir quelque chose d'incompatible dans cette page
Cordialement
  ADMIN"

http://www.forum.neutssoftware.com/index.php?topic=3137.msg17626#msg17626

Ça c'est sûr qu'il y a "quelque chose d'incompatible dans cette page", et c'est programmé par un "PROFESSIONNEL", "ÇA" ? Bobo grave la "tétête", vite vite l'hôpitââââl ! ! !

Donc demander à Admin qu'il mette à jour son "abomifreux" JSC, bien pâle copie de mon JSCX "Show All" ! ! ! Copieur MINABLE quoi ?


Quant au restant dans cette Page, il y a manifestement beaucoup à faire hélas pour obtenir un résultat valable, mais son auteur en est capable, s'il en a toutefois vraiment envie ?


Bien tristement, Yvanoph---

[... COMPRENDRE EN QUELQUES MINUTES CE QUE L'ON CHERCHE DEPUIS 6 MOIS, parce que c'est expliqué intelligemment par écrit (Même si c'est un peu long, mais nous sommes de grands bavards, n'est ce pas ?) n'a pas de prix pour tous !YVANOPH, VOUS ÊTES UN GRAND GENIE ! (sans bouillir). Votre aide nous est précieuse et tant pis pour ceux qui ne l'on pas compris !Ici, les problèmes courants sont résolus...Merci z'encore...Amitié. Guy]

... COMPRENDRE EN QUELQUES MINUTES CE QUE L'ON CHERCHE DEPUIS 6 MOIS, parce que c'est expliqué intelligemment par écrit (Même si c'est un peu long, mais nous sommes de grands bavards, n'est ce pas ?) n'a pas de prix pour tous !
YVANOPH, VOUS ÊTES UN GRAND GENIE ! (sans bouillir). Votre aide nous est précieuse et tant pis pour ceux qui ne l'on pas compris !
Ici, les problèmes courants sont résolus...
Merci z'encore...

Amitié. Guy

[Je vais rougir... Mais ça fait toujours plaisir, assurément ? "Adsserrure" de PARIS l'avait écrit il doit y avoir en gros deux ans, le génie sans bouillir ni frotter la lampe :http://www.forum.neutssoftware.com/index.php?topic=1732.msg9043#msg9043Toujours content de pouvoir rendre service, et si en plus ça satisfait au moins quelqu'un, j'en suis encore plus heureux ?Cordialement, et merci encore, Yvanoph---]

Je vais rougir... Mais ça fait toujours plaisir, assurément ? "Adsserrure" de PARIS l'avait écrit il doit y avoir en gros deux ans, le génie sans bouillir ni frotter la lampe :

http://www.forum.neutssoftware.com/index.php?topic=1732.msg9043#msg9043

Toujours content de pouvoir rendre service, et si en plus ça satisfait au moins quelqu'un, j'en suis encore plus heureux ?


Cordialement, et merci encore, Yvanoph---

[Soit un Formulaire inséré dans une Page de Contact et issu de l'un des Modèles prédéfini dans XWebDesignor ?Nous nous trouvons alors avec un ensemble qui dans l' "Inspecteur de Propriétés" en bas à droite se présente sous la forme :Text2 TexteNom Zone texteText3 TextePrenom Zone texteetc.Bref, c'est totalement "abomifreux" quoi ?Alors, comme déjà expliqué, commencer par supprimer TOUT ce qui est inutile ?Réorganiser ensuite positions et tailles des [Composants] restants selon vos souhaits, vos besoins etc. !Cet ordre "géographique" et visuel établi, cliquer sur le premier texte dans la Page, ce qui va activer le [Composant] voulu dans l' "Inspecteur de propriétés". Une fois ainsi sélectionné, cliquer en haut sur l'Icône "Met en avant plan le Composant sélectionné".Faire de même pour le deuxième Texte, puis le troisième et ainsi de suite jusqu'à expédier dans un ordre LOGIQUE l'ensemble des [Composants/Textes], le premier en haut de la liste de tous, le dernier tout en bas de la même liste...Ceci fait, au tour de la première Case ! Même punition, même combat, et vous trouverez ainsi une liste de tous les Textes, suivie d'une liste de toutes les Cases ! ! !Par cette méthode, chaque [Composant] aura pris un "Numéro d'ordre", mieux, toutes les Cases se suivant, en cas pour votre Visiteur de Navigation par le clavier, chaque Tabulation sur son clavier le fera sauter dans la Case adjacente ? Et vous, de votre coté, vous aurez à réception du courriel l'ordre désiré quant aux informations ?Et SI, de plus, vous avez pris le temps, comme expliqué et montré au dessus, de DONNER des noms EXPLICITES à tous vos [Composants], dans dix ans vous comprendrez de suite ce que vous aviez créé ?Bien cordialement, Yvanoph---]

Soit un Formulaire inséré dans une Page de Contact et issu de l'un des Modèles prédéfini dans XWebDesignor ?

Nous nous trouvons alors avec un ensemble qui dans l' "Inspecteur de Propriétés" en bas à droite se présente sous la forme :

Text2      Texte
Nom        Zone texte
Text3      Texte
Prenom   Zone texte

etc.

Bref, c'est totalement "abomifreux" quoi ?

Alors, comme déjà expliqué, commencer par supprimer TOUT ce qui est inutile ?
Réorganiser ensuite positions et tailles des [Composants] restants selon vos souhaits, vos besoins etc. !
Cet ordre "géographique" et visuel établi, cliquer sur le premier texte dans la Page, ce qui va activer le [Composant] voulu dans l' "Inspecteur de propriétés". Une fois ainsi sélectionné, cliquer en haut sur l'Icône "Met en avant plan le Composant sélectionné".
Faire de même pour le deuxième Texte, puis le troisième et ainsi de suite jusqu'à expédier dans un ordre LOGIQUE l'ensemble des [Composants/Textes], le premier en haut de la liste de tous, le dernier tout en bas de la même liste...

Ceci fait, au tour de la première Case ! Même punition, même combat, et vous trouverez ainsi une liste de tous les Textes, suivie d'une liste de toutes les Cases ! ! !

Par cette méthode, chaque [Composant] aura pris un "Numéro d'ordre", mieux, toutes les Cases se suivant, en cas pour votre Visiteur de Navigation par le clavier, chaque Tabulation sur son clavier le fera sauter dans la Case adjacente ? Et vous, de votre coté, vous aurez à réception du courriel l'ordre désiré quant aux informations ?


Et SI, de plus, vous avez pris le temps, comme expliqué et montré au dessus, de DONNER des noms EXPLICITES à tous vos [Composants], dans dix ans vous comprendrez de suite ce que vous aviez créé ?


Bien cordialement, Yvanoph---

P.S. Rappel de l'ordre de base LOGIQUE, les Fonds, les Textes, les Images, les Cases, les Boutons, les "scripts" ! ! !

[Tags:]

Aller à: Merci de choisir une destination: ----------------------------- Généralités et Bases du Forum ! ----------------------------- => Règles, US et coutumes ? => V's avez quelque chose à déclââârer ? ----------------------------- Rubrique réservée aux "Costaud"s et Abonnés ! ----------------------------- => Les 'News' ! => Utilisateurs expérimentés et Professionnels ----------------------------- Un Site, c'est QUOI ? ? ? ----------------------------- => Le 'Front Office', ou le Site vu par le Visiteur ! ===> LA Charte ergonomique... ===> LA Charte colorimétrique... ===> LA Charte dimensionnelle... => Le 'Back Office', ou le Site vu par le 'WebMaster' : ===> Données de Base, Généralités... ===> Données de Base, Textes ? Ou le 'poids' des mots... ===> Données de Base, Images ! Ou le 'choc' des photos ? ===> Le 'SEO', c'est QUOI ? ? ? Référencement / Dé-Référencement ! ===> Législations Française, Européenne ? ----------------------------- XWD, Usages et Astuces ? ----------------------------- => Versions, Installations, Sécurité. => Les Usages de Base. => Astuces diverses ? => Flûte alors ! Ça coince... => Bilan - Analyse de votre Site ? C'est ici ! ----------------------------- Le E-Commerce, de A à Z ! ----------------------------- => E-Commerce dans XWD => Les Articles. => Les Clients... => Les Articles dans ... XWD ? ----------------------------- Les Langages de base, HTML 4, HTML 5, CSS 2 & 3, JS. ----------------------------- => HTML - 4 transitional - ISO-8859-1 : => HTML - 5 . . . => CSS 2 & 3 : ===> CSS 2 : ===> CSS 3 : => Java Script - JSCs, JSCXs et SSSs : ===> Java Script - Code - Méthodes et Astuces ===> JSCEditor - JSC - JSCX, les Bases : ===> JSCs - JSCXs -> Obsolètes [HS] ! ===> JSCs - JSCXs -> Sites basiques (SANS JavaScript) [U] ! ===> JSCs - JSCXs -> Sites classiques (JavaScript activé ?) [J] [jQ] ! ===> JSCs - JSCXs -> Sites E-Commerce ([Composant]s spécifiques) [EC] ! ===> JSCs - JSCXs -> Requiert PHP activé [P] ! ! ! ===> JSCs - JSCXs -> Sites sous Androïd & IoS [Aïe]... ===> SSSEditor - SSS : ----------------------------- Les Langages avancés, PHP, Flash et AS ? ----------------------------- => PHP & MySql - Informations, Code & Requêtes : ===> Informations ! ===> Code & Requêtes : => Flash, ou FL 8 - FL 9 ! => Action Script ----------------------------- La "Ploubelle" ! ----------------------------- => Le Bar aux questions et réponses, ou délires ? => [Monde] [Internet] FAUX Sites pour PHISHING etc. ! => [Monde] [Internet] POURRIELs pour PHISHING / SCAM etc. ! => [Mondialisation] Ou l' ESCLAVAGISME MODERNE ! ! ! => [Europe] Ou la "Poli Nique" des Peuples... => [France] Le pays des LUMIÈRES dans l' OBSCURITÉ ? => [France] Publicités, Télévision, INTOXICATIONS MENSONGÈRES ? => [Poli Tique / Poli NIQUE] Ou la MALADIE du NON SENS ? => [Arts de VIVRE] Cuisine, Jardin, Maison, Environnement etc. ? ===> [Alcool] - Vieilles Recettes et Astuces diverses ? ===> [Bricolage] [Maison] - Entretien, Réparation... ===> [Cuisine] - Astuces et Recettes, Goûts et Saveurs... ===> [Jardin] - Astuces, Méthodes, Savoirs ! ===> [Nature] [Environnement] Réflexions et BON SENS ? ===> [Régions] - Terroirs, Us et Coutumes... => [Blagues] Pour un moment de détente ? => [Image][Vidéo] Un Dessin, une Vidéo, plus EXPLICITES, nan ?