Syntaxe javascript borderStyle

Version imprimable

Apparemment il doit y avoir une erreur de syntaxe car cela ne fonctionne pas?
Code:

1 2 3 4 5 6 7 8 <script language="JavaScript"> function change(){ document.getElementById('d1').style.borderStyle = 'solid solid none solid'; } </script> <a href="#" onClick="change();">
merci d'avance!

Code:

1
2
3
4
5
6
7
8
9
<script language="JavaScript">
function change(){
   document.getElementById('d1').style.borderStyle = 'solid';
   document.getElementById('d1').style.borderLeftStyle = 'none';
}
</script>
 
 
<a href="#" onClick="change(); return false;">//attention à ne pas oublier le return false sur le onclic

Code:

1
2
3
4
5
6
7
8
9
10
<a href="#" id="changeStyle">...
 
<script language="JavaScript">
document.getElementById('changeStyle').ref=document.getElementById('d1');
document.getElementById('changeStyle').onclick=function() {
   this.ref.style.borderStyle = 'solid';
   this.ref.style.borderLeftStyle = 'none';
   return false;
}
</script>

A+JYT

Bonjour,

Code:

1
2
3
4
5
6
7
8
9
10
11
12
<html>
	<head>
	      <script type="text/javascript">
		  function change(){
		  document.getElementById('d1').style.borderStyle = 'solid solid none solid'; }
	      </script>
 	</head>
	<body>
		<a href="#" onclick="change(); return false;">modifier bordure</a>
		<div id="d1">Div a modifier</div>
	<body>
</html>

Fonctionne bien chez moi.
Sinon, montre nous ton code HTML.

A+.

09/08/2012, 12h35
surfeur2
Merci pour vos réponses, j'ai résolu mon problème, en fait il se situait ailleurs...., la fonction ne s'exécutait pas comme je le voulais car l' instruction de formatage se trouvait après l'instruction de dispay et elle n'était pas exécutée.

L'attribut borderBottomStyle n'est pas exécuté car il se trouve après l'instruction de display
Code:

1 2 3 4 5 6 7 function Desc(){ document.getElementById('x').style.display = 'none'; document.getElementById('ligneX').style.borderBottomStyle = 'none'; }
J'ai juste placé la deuxième instruction en premier place et tout fonctionne :)