Probleme avec le "fadeIn" (JQuery) et Firefox
Résolu
soaf78
-
Soaf -
Soaf -
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 ?
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
- Telecharger firefox - Télécharger - Navigateurs
- Video downloadhelper firefox - Télécharger - Outils pour navigateurs
- Exporter favoris firefox - Guide
- Ghostery firefox - Télécharger - Web & Internet
- Comment supprimer bing de firefox - Guide
Mais curieusement ca passait nickel sous ie 7,8 et 9.