Discussion :

[Verbalinsurection]

Bonjour,

Voici mon problème :
J'ai ce code :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a id="acc_btn" href="index.php" onmouseover="document.btn_acc.src='medias/buttons/accueil_blanc.png'" onmouseout="document.btn_acc.src='medias/buttons/accueil_bleu.png'"><img src="medias/buttons/accueil_bleu.png" name="btn_acc"></a>

Quand j'ouvre la page avec firefox tout se passe très bien (normal) par contre avec IE6 j'ai un message d'erreur quand je passe ma souris sur le bouton :

document.btn_acc a la valeur null ou n'est pas un objet

Je ne comprend pas surtout que dans la suite de la page j'ai un include qui appelle une page contenant le code suivant et qui lui marche :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

document.btn_acc.src='medias/buttons/accueil_blanc.png'

Je suis un peux perdu alors si quelqu'un pouvait m'aider...

Merci d'avance à tous ceux qui lirons ces belles lignes

[Bisûnûrs]

Mets this.src plutôt, et mets ton code de onmouseover/onmouseout sur la balise img directement.

[Verbalinsurection]

Merci mais ça marche toujours pas, j'ai fais comme tu m'as dis :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<a id="acc_btn" href="index.php"><img src="medias/buttons/accueil_bleu.png" name="btn_acc" onmouseover="this.src='medias/buttons/accueil_blanc.png'" onmouseout="this.src='medias/buttons/accueil_bleu.png'"></a>

Ca marche toujours nikel sous firefox mais sous IE rien, par contre plus de message d'erreur...

[Bisûnûrs]

Cette méthode fonctionne sur tous les navigateurs, testée et approuvée.

C'est peut-être un problème de chargement de l'image alternée. Mets ça au début de ton code HTML :

Code html :

Sélectionner tout - Visualiser dans une fenêtre à part

<img src="medias/buttons/accueil_blanc.png" style="display:none" />

Ca permettra de charger ta deuxième image dans le cache de ton navigateur et donc accélérer l'alternance des deux images.

Tu peux aussi supprimer l'attribut name qui ne sert à rien.

[Verbalinsurection]

Même en rajoutant ce que tu m'as dis ça ne pass toujours pas sous IE....
Je n'y comprend plus rien...

[Verbalinsurection]

En fait j'ai trouvé j'ai ce code qui me sert à gérer la transparence des png sous ie car d'origine à la place du transparent il met un joli fond gris...:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
function IE_CorrectAlpha_PNG(){
for(i=0; i<document.images.length; i++){
img = document.images[i];
imgExt = img.src.substring(img.src.length-3, img.src.length);
imgExt = imgExt.toUpperCase();
if (imgExt == "PNG"){
imgID = (img.id) ? "id='" + img.id + "' " : "";
imgClass= (img.className) ? "class='" + img.className + "' " : "";
imgTitle= (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
imgStyle= "display:inline-block;" + img.style.cssText;
if (img.align == "left") { imgStyle = "float:left;" + imgStyle; } else if (img.align == "right"){ imgStyle = "float:right;" + imgStyle; }
if (img.parentElement.href) { imgStyle = "cursor:hand;" + imgStyle; }
strNewHTML = '<span '+imgID+imgClass+imgTitle+' style="width:'+img.width+'px; height:'+img.height+'px;'+imgStyle+';'+'filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=\''+img.src+'\', sizingMethod=\'scale\');"></span>';
img.outerHTML = strNewHTML;
i = i-1;
}}}
window.attachEvent("onload", IE_CorrectAlpha_PNG);

Et quand je l'enlève le survol des images marche correctement mais les images png ne sont plus transparente.