Modification feuille de style avec javascript

Invité · 16/05/2007, 22h32

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 :

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

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

**Nesmontou** · 16/05/2007, 23h24

Salut, tu peux essayer quelque chose du 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">
			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

Invité · 17/05/2007, 19h39

Ta solution fonctionne.

Merci

Modification feuille de style avec javascript

JavaScript

Vue hybride

Discussions similaires

Partager

Partager