Syntaxe javascript borderStyle

**surfeur2** · 08/08/2012, 17h46

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

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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!

**sekaijin** · 09/08/2012, 07h31

Code javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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 javascript :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**andry.aime** · 09/08/2012, 07h36

Bonjour,

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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+.

**surfeur2** · 09/08/2012, 12h35

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

Syntaxe javascript borderStyle

JavaScript

Vue hybride

Discussions similaires

Partager

Partager