Probleme avec le "fadeIn" (JQuery) et Firefox

Résolu/Fermé

soaf78 - 4 avril 2011 à 15:31
Soaf - 6 avril 2011 à 09:54

Bonjour,

J'ai réalisé un exemple très simple de div qui apparaissent en "fondu" qui marche sur ie, et chrome, mais il ne fonctionne pas sur Firefox (3.6 et 4).
J'utilise la fonction fadeIn de Jquery.
Quelqu'un peut il m'aider ?

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>test fondu...</title>
<script src="http://code.jquery.com/jquery-1.5.js"></script>
<script type="text/javascript">
<!--
function leFade(targetElement)
{

document.getElementById('toto').style.display = "none";
document.getElementById('tata').style.display = "none";
document.getElementById('titi').style.display = "none";
alert(targetElement);
if(targetElement=='toto'){
$(toto).fadeIn();
}
if(targetElement=='titi'){
$(titi).fadeIn();
}
if(targetElement=='tata'){
$(tata).fadeIn();
}
}
//-->
</script>


<style type="text/css">
<!--
.toto {
position:relative;
width:250px;
height:50px;
background-color:#0033CC;
 }
.titi {
position:relative;
width:250px;
height:50px;
display: none;
background-color:#cc00CC;
 }
.tata {
display: none; 
width:250px;
height:50px;
position:relative;
background-color:#ff33CC;
 }
-->
</style>
</head>

<body>
<table>

<tr><td>aaaaa</td></tr>
<tr><td height=50 width=250>
<div class="toto" id="toto">Placez ici le contenu de  class "toto"</div>
<div class="titi" id="titi">Placez ici le contenu de  class "titi" <a href="#" onclick="leFade('toto');">toto</a></div>
<div class="tata" id="tata">Placez ici le contenu de  class "tata"</div>
</td></tr>
<tr><td>zzzzzz</td></tr>
</table>
<p><a href="#" onclick="leFade('toto');">toto</a></p>
<p><a href="#" onclick="leFade('titi');">titi</a></p>
<p><a href="#" onclick="leFade('tata');">tata</a></p>

</body>
</html>

A voir également:

Probleme avec le "fadeIn" (JQuery) et Firefox
Video downloadhelper firefox - Télécharger - Outils pour navigateurs
Firefox telecharger - Télécharger - Navigateurs
Comment supprimer bing de firefox - Guide
Exporter favoris firefox - Guide
Mettre google en page d'accueil firefox - Guide

1 réponse

Réponse 1 / 1

wyllyjon Messages postés 30 Date d'inscription mardi 5 avril 2011 Statut Membre Dernière intervention 8 avril 2011 6
6 avril 2011 à 08:17

Salut !

En testant ton code, il se trouve qu'il marche bien sous FF 3.6.
Il faut juste corriger (erreur ou oubli ? Car ça ne devrait pas non plus fonctionner sous IE...) le code suivant :

$(toto).fadeIn(); à remplacer par $("#toto").fadeIn();

et pareil pour les deux autres.

Soaf
6 avril 2011 à 09:54

Merci pour ta réponse, c'est corrigé.
Mais curieusement ca passait nickel sous ie 7,8 et 9.

Discussions similaires

Méssage Firefox ''Couldn't load XPCOM''

Firefox mise à jour message XULrunner Error platform

Problème de téléchargement de firefox mozilla

Firefox exe point d'entrée introuvable

Telecharger la version Firerfox 52.0.1 ou 52.0.2