document.mySwitch.src

Version imprimable

27/09/2007, 11h46
Verbalinsurection

document.mySwitch.src

Bonjour,

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

Code:

<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 :

Citation:

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

:aie:

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:

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 ;)
27/09/2007, 11h52
Bisûnûrs

Mets this.src plutôt, et mets ton code de onmouseover/onmouseout sur la balise img directement.
27/09/2007, 12h00
Verbalinsurection

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

Code:

<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...
27/09/2007, 12h06
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:

<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.
27/09/2007, 12h16
Verbalinsurection

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

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:

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.