Actuellement j'utilise une fonction dans un *.js paliant le non fonctionnement de
td.bouton:active en CSS avec IE :
*.css*.js
Code : Sélectionner tout - Visualiser dans une fenêtre à part .bouton { background:#FAEA92 url(bgbtyr.jpg); border:4px outset; color:#FFFFFF; }Elle fonctionne parfaitement avec juste <td class="bouton"> :
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12 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')};
*.htmlJe veut que ça puisse aussi fonctionner aussi simplement en faisant:
Code : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5 <table> <tr> <td class="bouton"><a href="index.php">Acceuil</a></td> </tr> </table>
*.htmlCe que je demande c'est que la fonction bordure soit identifiée dans les pages
Code : Sélectionner tout - Visualiser dans une fenêtre à part <div class="bouton"><a href="index.php">Acceuil</a></div>
html par la présence de l'attribut td ou div avec la valeur bouton dans la balise.
Rien de plus rien de moin.
Merci d'avance!
Partager