Simple formatage css + javascript

**surfeur2** · 08/08/2012, 07h53

Bonjour,

lors d'un clic sur un lien, j'aimerais qu'il devienne gras, puis si je reclique sur ce lien, j'aimerais qu'il redevienne normal.

J'ai essayé ceci sans succès :

Code :

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
<script language="JavaScript">
function forma(){
 
if (document.getElementById('l').style.fontWeight='bold'; = true){
	document.getElementById('l').style.fontWeight='normal';}
 
if (document.getElementById('l').style.fontWeight='normal'; = true){
	document.getElementById('l').style.fontWeight='bold';}
 
}
</script>
</head>
 
<body>
<a href="#" onClick="forma();" id="l">lien</a> 
</body>
</html

**Bovino** · 08/08/2012, 08h09

Code :

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

if (document.getElementById('l').style.fontWeight='bold'; = true)

Cette ligne n'a aucun sens !

**headmax** · 08/08/2012, 17h06

Exemple avec className au lieu de style.

Code :

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
 
<html>
<head>
<style type="text/css">
.normal{
	font-weight:normal;
}
 
.bold{
	font-weight:bold;
}
</style>
<script language="JavaScript">
function forma(elm){
	(elm.className == 'normal')?elm.className='bold':elm.className='normal';
};
</script>
</head>
<body>
<a href="#" class="normal" onclick="forma(this);" id="l">lien</a> 
</body>
</html>

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

Super, merci !

Simple formatage css + javascript

JavaScript

Discussions similaires

Partager

Partager