Donc avec un [b]code plus court[/b] et [b]('*')[/b], la fonction serait plus rapide :? ?

[quote="Lareine"]Quelqu'un d'autre ma proposé une version plus courte en utilisant le selecteur universel '[b]*[/b]' :[code]function bordure(bouton)
{
boutons=document.getElementsByTagName('*')
for(b=0;b<boutons.length;b++){
if(boutons[b].className==bouton){
boutons[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutons[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutons[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
}
window.onload = function(){bordure('bouton')};[/code]La question que je me pose, quel sont les [b][color=red]dés/[/color][color=green]avantages[/color][/b] du sélecteur universel ('[b]*[/b]')
par rapport à la solution de [b]PRoGRaFLaSH[/b] en terme de charge processeur :? ???[/quote]
aucune, javascript étant executé côté client

Quelqu'un d'autre ma proposé une version plus courte en utilisant le selecteur universel '[b]*[/b]' :[code]function bordure(bouton)
{
boutons=document.getElementsByTagName('*')
for(b=0;b<boutons.length;b++){
if(boutons[b].className==bouton){
boutons[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutons[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutons[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
}
window.onload = function(){bordure('bouton')};[/code]La question que je me pose, quel sont les [b][color=red]dés/[/color][color=green]avantages[/color][/b] du sélecteur universel ('[b]*[/b]')
par rapport à la solution de [b]PRoGRaFLaSH[/b] en terme de charge processeur :? ???

<table> 
      <tr> 
        <td class="bouton"><a href="index.php">Acceuil</a></td> 
      </tr> 
</table> 

<div class="bouton"><a href="index.php">Acceuil</a></div>

<a class="bouton" href="index.php">Acceuil</a>

[size=150]Bravo! Ça fonctionne =D> ![/size]

J'avais essayé cette solution mais je m'était planté dans les accolades :oops: !

Du coup sur le même principe on peut rendre utilisable la fonction bouton
[b]bordure Inset[/b] pour les version d'[b]Internet Explorer[/b] ne supportant pas les
[b]style css hover[/b] et [b]active[/b] avec [b]a[/b], [b]div[/b] et [b]td[/b] :D !

Du tout bon :P !

*.css[code].bouton { background:#FAEA92 url(bgbtyr.jpg); border:4px outset; color:#FFFFFF; }
td.bouton,a.bouton { padding:1px; border-color:white; }[/code]
*.js[code]function bordure(bouton)
{
boutonElements=document.getElementsByTagName('td')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
boutonElements=document.getElementsByTagName('div')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
boutonElements=document.getElementsByTagName('a')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}

}
window.onload = function(){bordure('bouton')};[/code]
[php]<table>
<tr>
<td class="bouton"><a href="index.php">Acceuil</a></td>
</tr>
</table>

<div class="bouton"><a href="index.php">Acceuil</a></div>

<a class="bouton" href="index.php">Acceuil</a>[/php]

Merci [b]PRoGRaFLaSH[/b] :pouce: !

Problème Résolu donc :o !

[code]function bordure(bouton)
{
boutonElements=document.getElementsByTagName('TD')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
boutonElements=document.getElementsByTagName('DIV')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}

}
window.onload = function(){bordure('bouton')};[/code]
si le problème c'est que tu veux faire les deux et pas l'un ou l'autre, tu lance deux opérations :wink:

tu fait un tableau avec div et td

Je veux chopper comme tu dis les [b]td[/b] et les [b]div[/b]
ayant un: [b].className==bouton[/b]
et ceci dans la même fonction : [b]function bordure(bouton)[/b] :o !

*.js[code]function bordure(bouton)
{
boutonElements=document.getElementsByTagName('td')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
}
window.onload = function(){bordure('bouton')};[/code]
La fonction actuel ne peut prendre en charge que [b]td[/b] si je met
[b]TagName('td')[/b], ou [b]div[/b] si je met [b]TagName('div')[/b].
Moi je veut que la fonction prenne en charge [b]td[/b] et [b]div[/b] en même
temps :) !

[quote="Lareine"]Non! Ça n'est pas ça #-o !

Je veut que ça puisse aussi fonctionner en faisant simplement:
*.html[code]<div class="bouton"><a href="index.php">Acceuil</a></div>[/code]Ce que je demande c'est que la fonction [b]bordure[/b] soit identifiée dans les pages
html par la présence de l'attribut [b]td[/b] ou [b]div[/b] avec la valeur [b]bouton[/b] dans la balise.
Cette fonction dois être gérée exclusivement dans le [b]*.js[/b]. Donc du [b]coté client[/b]
en [b]Javascript[/b].

Je ne pense pas pouvoir être beaucoups plus clair. Si je pose la question c'est
justement pour éviter d'utiliser des évenement [b]onmousedown[/b], [b]onmouseup[/b] et
[b]onmouseout[/b] dans la page [b]XHTML Strict[/b] :roll: ...[/quote]
Personnellement je vois très mal ce que tu veux faire...enfin, là je commence à comprendre un peu mieux :wink: :
tu veux pouvoir modifier toute la class des div d'un coup sans toujours tout retaper
Là tout ce que j'ai proposé est executé client...seul le php ne l'est pas. T'as vu du php quelque part ?

Normalement tu peux chopper le div avec [code]document.body.getElementsByTagName("DIV");[/code]

Ca fonctionne avec :
A, ACRONYM, ADDRESS, APPLET, AREA, B, BASE, BASEFONT, BDO, BGSOUND, BIG, BLOCKQUOTE, BODY, BR, BUTTON, CAPTION, CENTER, CITE, CODE, COL, COLGROUP, CUSTOM, DD, DEL, DFN, DIR, DIV, DL, document, DT, EM, EMBED, FIELDSET, FONT, FORM, FRAME, FRAMESET, HEAD, hn, HR, HTML, I, IFRAME, IMG, INS, KBD, LABEL, LEGEND, LI, LINK, LISTING, MAP, MARQUEE, MENU, OL, P, PLAINTEXT, PRE, Q, S, SAMP, SCRIPT, SELECT, SMALL, SPAN, STRIKE, STRONG, SUB, SUP, TABLE, TBODY, TD, TEXTAREA, TFOOT, TH, THEAD, TITLE, TR, TT, U, UL, VAR, XMP

EDIT : y'a aussi sa variante
[code]document.body.all.tags("DIV");[/code]

Non! Ça n'est pas ça du tout #-o !

Je veut que ça puisse fonctionner en faisant simplement:
*.html[code]<div class="bouton"><a href="index.php">Acceuil</a></div>[/code]Ce que je demande c'est que la fonction [b]bordure[/b] soit identifiée dans les pages
html par la présence de l'attribut [b]td[/b] ou [b]div[/b] avec la valeur [b]bouton[/b] dans la balise.
Cette fonction dois être gérée exclusivement dans le [b]*.js[/b]. Donc du [b]coté client[/b]
en [b]Javascript[/b].

Je ne pense pas pouvoir être beaucoups plus clair. Si je pose la question c'est
justement pour éviter d'utiliser des évenement [b]onmousedown[/b], [b]onmouseup[/b] et
[b]onmouseout[/b] dans la page [b]XHTML Strict[/b] :roll: ...

Quelqu'un d'autre ma proposer une fonction pour gerer [b]div[/b] ou [b]td[/b], mais elle
n'était actif que sur [b]div[/b] :? ...
[code]function getDivOrTd() {
divs = document.getElementsByTagName('div');
tds = document.getElementsByTagName('td');
for(i = 0 ; i < tds.length ; i++) {
divs[divs.length] = tds[i];
}
return divs;
} [/code]

[code]<div class="bouton" onmousedown="javascript:this.style.borderStyle='inset';" onmouseup="javascript:this.style.borderStyle='outset';" onmouseout="javascript:this.style.borderStyle='outset';"><a href="index.php">Acceuil</a></div>[/code]
tu fais ça à chaque div...

Ou alors, tu nomme tes div un par un automatiquement et tu les appelles...

Parce je n'avais pas posée la question initial dans le bon
sens :oops: …

Je l'ai donc reformulée ici de façon à ce que la corresponde
plus précisément à ma demande et augmenté mes chances
d'obtenir des réponses valables :) ...

Je demandais une solution en [b]Javascript[/b] et les réponse
dans l'autre topic s'embourbaient dans des propositions
avec [b]Mysql[/b] qui ne ne correspondaient pas ce que je
cherchais vraiment :roll: ...

J'ai mis l'autre poste en délestage en demandant de le
verrouiller, comme il ne mènera à riens vu la tournure
des réponses :? ...

Je ne sais pas pkoi mais il me semble que tu as déjà posé cette question !
Merci donc d'utiliser le topic en cours... c'est plus simple pour tous :wink:

Actuellement j'utilise une fonction dans un [b]*.js[/b] paliant le non fonctionnement de
[b]td.bouton:active[/b] en [b]CSS[/b] avec [b]IE[/b] :
*.css[code].bouton { background:#FAEA92 url(bgbtyr.jpg); border:4px outset; color:#FFFFFF; }[/code]
*.js[code]function bordure(bouton)
{
boutonElements=document.getElementsByTagName('td')
for (b=0;b<boutonElements.length;b++){
if(boutonElements[b].className==bouton){
boutonElements[b].onmousedown=function(){this.style.borderStyle='inset';} //Activé
boutonElements[b].onmouseup=function(){this.style.borderStyle='outset';} //Relaché
boutonElements[b].onmouseout=function(){this.style.borderStyle='outset';} //Hors zone
}
}
}
window.onload = function(){bordure('bouton')};[/code]Elle fonctionne parfaitement avec juste [b]<td class="bouton">[/b] :
*.html[code]<table>
<tr>
<td class="bouton"><a href="index.php">Acceuil</a></td>
</tr>
</table> [/code]Je veut que ça puisse aussi fonctionner aussi simplement en faisant:
*.html[code]<div class="bouton"><a href="index.php">Acceuil</a></div>[/code]Ce que je demande c'est que la fonction [b]bordure[/b] soit identifiée dans les pages
html par la présence de l'attribut [b]td[/b] ou [b]div[/b] avec la valeur [b]bouton[/b] dans la balise.
Cette fonction dois être gérée exclusivement dans le [b]*.js[/b]. Donc du [b]coté client[/b]
en [b]Javascript[/b]. Les solution avec un [b]script php[/b] et des [b]requéte Mysql[/b] ne me
convienent donc pas :? ...

Merci d'avance :) !