Salut à tous,
Je ne sais pas si je suis sur le bon forum, désolé si ce n'est pas le cas. Comme je débute en programmation javascript, je fais peut être n'importe quoi donc n'hésitez pas.
J'ai bien flashé sur le framework Mootools et ces nombreuses possibilités.
Je tente le coup en réinventant la roue : gérer un bête survole de bouton avec Mootools.
Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-GB">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<meta http-equiv="Content-Style-Type" content="text/css" />
<meta http-equiv="Content-Language" content="fr" />
<link rel="stylesheet" type="text/css" href="./pub/css/3_colonnes.css" />
<script src="./pub/js/mootools-1.2.4-core.js" type="text/javascript"></script>
<script src="./pub/js/mootools-1.2.4.2-more.js" type="text/javascript"></script>
<script language="JavaScript">
//
var boutON = function(){
alert('bingo');
};
//
window.addEvent('domready', function() {
// ---------------------- boutons -------------------
$('boutLat').getElement('.boutg').addEvent('mouseenter', boutON);
$('boutLat').getElement('.boutg').addEvent('mouseleave', boutOFF);
});
</script>
<title>TdPC - Accueil</title>
</head>
<body>
<button id="boutLat" name="bouton" type="submit" value="go"><p class="boutd"><span class="boutg" >connexion</span></p></button>
</body>
</html>
Ce code marche très bien sous IE7 et IE8 et c'est un comble pas sous Firefox 3.5.6. En fait avec ce navigateur tout ce qui concerne les classes CSS est inatteignable via un getElement('.maClasse') ou un getsElement('.maClasse')ou même un $('#monID .maClasse'). .
Avez vous déjà rencontrer ce pb, comment le contourner, est-ce possible, ... bref, help !