Modification feuille de style avec javascript

Version imprimable

16/05/2007, 21h32
Invité

Modification feuille de style avec javascript
Bonsoir,

J'ai une image dont la position est indiquée dans la balise <img> : style="margin-top:15px;"

En javascript, j'ai ajouté un onclic sur l'image déclanchant la fonction test.
Code:

1 2 3 4 5 function test() { this.style.marginTop=10px; }
Le code marche bien.

En revanche si au lieu de mettre le style dans la balise <img>, j'utilise une CSS avac une class "monimage" alors le code ne fonctionne plus.

Pouvez-vous me dire s'il est possible de modifier le style d'une balise présente dans une CSS avec javascript ?

Merci

Tsumi

Salut, tu peux essayer quelque chose du style

Code:

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">
			div.test {
				background-color: red;
				height: 70px;
				margin-top: 200px;
				width: 100px;
			}
		</style>
		<script type="text/javascript">
			function test(element) {
				element.style.marginTop = "10px";
			}
		</script>
	</head>
	<body>
		<div class="test" onclick="test(this);">
			test
		</div>
	</body>
</html>

Ca marche sous FF2 et IE7

Bon développement ;)

17/05/2007, 18h39
Invité

Ta solution fonctionne.

Merci