[JS] Probleme de script simple
Résolu
oopinou
-
23 oct. 2007 à 00:09
oopinou -
oopinou -
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 )
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 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:
- [JS] Probleme de script simple
- Script vidéo youtube - Guide
- 14 simple - Guide
- Simple pdf - Télécharger - PDF
- Simple ocr - Télécharger - Bureautique
- Simple file locker - Télécharger - Sécurité
1 réponse
Bonjour,
Je vous l'avez dit que j'étais du genre a retourner le web :)
Mes erreurs sont les suivantes :
devrais etre :
et
devrais etre
Magique, c'étais tout bete, j'ai honte de moi. bonne nuit :p
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