Bonjour,

Je débute en javaScript et J'aimerais appeler cette fonction javascript :
Code js : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
function bordure(bouton){ 
  boutons=document.getElementsByTagName('td') 
  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 
  } 
  } 
  boutons=document.getElementsByTagName('div') 
  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 
  } 
  } 
  boutons=document.getElementsByTagName('a') 
  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 
  } 
  } 
  boutons=document.getElementsByTagName('img') 
  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')};

à partir de deux classe css différentes :
Code css : Sélectionner tout - Visualiser dans une fenêtre à part
1
2
3
4
5
.bouton { background:transparent; border:4px outset; border-radius: 0.625em; } 
div.bouton,a.bouton,img.bouton { border-color:white; padding:0.125em 0.25em;  }
 
.btnrub { background:transparent; border:4px outset; border-radius: 1em; } 
div.btnrub,a.btnrub,img.btnrub { border-color:white;}

Est-ce possible ?

Si oui avec quel avec quel contraintes et quel syntaxe ?