11548 sujets

JavaScript, DOM et API Web HTML5

Bonjour,

J'appelle un script php via Request.HTML de Mootools qui me charge un texte dans un DIV de ma page.
Dans ce script php, je remplace certains éléments par une image (des n° par des puces rondes).
Quand je passe la souris sur ces puces rondes, je voudrais appeler une fonction JS.

Sous FireFox pas de problème, mais sous IE 6 et 7, l'appel au JS ne marche pas.
J'ai inséré une puce bidon dans ma page (donc pas conditionné par le Request.HTML)
Et dans ce cas, ca marche bien sous IE également.

Donc, il semblerait que quand mon texte est chargé via Request.HTML, IE ne tient pas compte des commandes JS qu'il contient.

Voila comment et par quoi je remplace mes n° dans mes textes:
for ($i = 1; $i <= 50; $i++) {
	$num= "(" . $i . ")";
	$puce= "<span id=\"puc$i\" class=\"pucev\" onMouseOver=\"rollpuce('$i');\">$i</span>";
	$texte=str_replace($num,$puce,$texte);
}


Auparavant j'ai essayé de tout faire en Mootools:

$$('.pucev').addEvent('mouseover', function(e) {
   window.alert("test");
	});

Mais ca ne marchait ni dans FF ni dans IE.

J'ai essayé de placer le code Mootools ou la fonction rollpuce dans le script de ma page ou dans le contenu renvoyé par le Request...mais ca ne change rien.

Vous pouvez voir le problème à cette adresse:
http://www.museetahiti.pf/visite.php
Cliquez sur le bouton "histoire" par exemple, vous devriez voir des puces blanches avec des n°, en passant la souris dessus, un alert devrait apparaitre...en tout cas sous FF.

Merci pour votre aide

Marco
Salut,

Ca fonctionne parfaitement sous firefox, chrome et IE8, peut être IE7 ou 6 marche pas ?
Sinon ton code semble bon, même la version non intrusive Smiley ohwell