Sujet Précédent Sujet Suivant

[JS] Probleme de script simple

Résolu/Fermé
oopinou - 23 oct. 2007 à 00:09
 oopinou - 23 oct. 2007 à 00:33
Bonjour à tous,

A priori j'ai un script tout simple qui me permet, au survol d'un element de ma page (dans mon exemple une image), de changer le style ( class="..." ) d'un calque (<div>) de ma page.
Mon problème c'est que sous FireFox ca passe niquel, mais que sous IE, rien à faire, ca ne fonctionne pas, et me met que la page contient des erreurs

La page en question : http://www.nsteam.free.fr/pve/test.htm

Sous IE, au survol de l'image, le texte en dessou devrais grossir, comme sous FF, mais il n'en est rien.

Mon code : ( j'ai simplifier l'exemple, en survolant l'image, le texte "plop" change de classe et doit grossir ) 
<html>
<head>
<script language="JavaScript" type="text/JavaScript">
<!--
	function class( id , style )
	{
		if (document.getElementById)
		{
			var a = document.getElementById(id);
			a.className = style;
		}
	}
				
//-->
</script>
<style type="text/css">
<!--
	.bonjour {  font-size : 10px ; }
	.salut { font-size : 20px ; }
-->
</style>
</head>
<body>
	<img src="x" alt="x" height="50" width="50" 
		onMouseOver="class('div', 'salut');" 
		onMouseOut="class('div', 'bonjour');">
	<div id="div" class="bonjour">Plop</div>
</body>
</html>


Je ne suis pas du genre à demander des conseils, j'ai retourné la toile avant de me résigner à poster ici, clairement, je suis perdu, je ne trouve pas mon erreur, ou du moins, la parcelle de code que IE ne comprend pas.

Notez que mon but est de faire fonctionner mon exemple, car je souhaite utiliser ce script pour d'autres usages, je ne cherche pas une solution alternative.

Mon chapeau à celui ou celle qui arrivera à me sortir de ce mauvais pas !
Merci d'avance

oopinou
A voir également:

1 réponse

Réponse 1 / 1
oopinou
23 oct. 2007 à 00:33
Bonjour,

Je vous l'avez dit que j'étais du genre a retourner le web :)

Mes erreurs sont les suivantes : 
<img src="x" alt="x" height="50" width="50" 
		onMouseOver="class('div', 'salut');" 
		onMouseOut="class('div', 'bonjour');">

devrais etre : 
<img src="x" alt="x" height="50" width="50" 
		onMouseOver="change_class('div', 'salut')" 
		onMouseOut="change_class('div', 'bonjour')">


et 
<script language="JavaScript" type="text/JavaScript">
<!--
	function class( id , style )
	{
		if (document.getElementById)
		{
			var a = document.getElementById(id);
			a.className = style;
		}
	}
				
//-->
</script>

devrais etre 
<script language="JavaScript" type="text/JavaScript">
<!--
	function change_class( id , style )
	{
		if (document.getElementById)
		{
			var a = document.getElementById(id);
			a.className = style;
		}
	}
				
//-->
</script>


Magique, c'étais tout bete, j'ai honte de moi. bonne nuit :p
0

Discussions similaires

Javascript Arrondi à 2 chiffres après la virgule
jeremy -
gravityaerox -

12 réponses
nom de metier
E=MC² -
Raymond PENTIER -

2 réponses
code couleur associé a une image
magic charly -
pandora -

9 réponses
recherche script "les visiteurs"
stoukboy -
brucine -

22 réponses