[AIDE]Problème avec un calque et fonction Onmouseover ? - Programmation
TomsGuide.com : 700 000 inscrits répondent à toutes vos questions high-tech et informatique.
Pour obtenir de l'aide, inscrivez-vous gratuitement !
 

Ajouter une réponse



Mot :   Pseudo :  
 
Bas de page
Auteur
 Sujet : [AIDE]Problème avec un calque et fonction Onmouseover ?
 
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86811
29-11-2006 à 10:51:27

Bonjour à tous, voila je débute et je suis entrain de construire mon site perso et je me trouve devant un probléme que je n'arrive pas à regler et ca fait deux jour que je bataille dessus et je commence à désesperer !!!

Voila le probléme : J'aimerais sur ma page faire apparaitre une image quand la souris est dessus (Onmouseover) et la faire disparaiter lorsque la souris ne l'est plus (Onmouseout) !!!
J'ai donc fait ceci, j'ai creer ma page avec une image de background (jusqu'a la tout va bien) et ensuite j'ai creer un calque à la taille de l'image que je souhaite faire apparaitre et disparaitre et j'y ai mis mon images ensuite dans le comportement de ce calque j'ai ajouté "Onmouseout = masquer et Onmouseover= afficher" et ca ne veut pas fonctionner ni dans Firefox ni dans Iexplorer !!! Que se passe t il ?? ou ai je fait une erreur ???

Voici le code

<script language="JavaScript" type="text/JavaScript">
<!--

function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape" )&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);

function MM_findObj(n, d) { //v4.01
var p,i,x; if(!d) d=document; if((p=n.indexOf("?" ))>0&&parent.frames.length) {
d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
if(!x && d.getElementById) x=d.getElementById(n); return x;
}

function MM_showHideLayers() { //v6.0
var i,p,v,obj,args=MM_showHideLayers.arguments;
for (i=0; i<(args.length-2); i+=3) if ((obj=MM_findObj(args[i]))!=null) { v=args[i+2];
if (obj.style) { obj=obj.style; v=(v=='show')?'visible':(v=='hide')?'hidden':v; }
obj.visibility=v; }
}
//-->
</script>
</head>

<body bgcolor="#000000" text="#FFFFFF">
<div id="Layer1" ></div>
</body>
</html>

Aidez moi à comprendre svp !!!


---------------
Masta Bullz Man
Liens sponsorisés


Inscrivez-vous ou connectez-vous pour masquer ceci.

crazycat@idn
http://127.0.0.1
Profil : IDNaute
Plus d'informations
n°86814
29-11-2006 à 11:13:32

Déjà, ton div n'a pas de dimension (implicite ou explicite), il fait donc 0px par 0px. Comment veux-tu passer dessus?


---------------
Réseau IRC Francophone
Les eggdrops en français
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86885
29-11-2006 à 18:25:07

Ok, désolé mais c'etait un exemple le code ci dessus ,en fait le vrai code se trouve ici http://masta64.neuf.fr/page_01.htm
donc si vous voulez bien m'aider visiter cette page et corriger moi l'erreur que j'ai commise ou dite me le svp !!!

Message cité 1 fois

---------------
Masta Bullz Man
Mdy@IDN
Profil : IDNaute
Plus d'informations
n°86894
29-11-2006 à 20:57:43

masta64 a écrit :

Ok, désolé mais c'etait un exemple le code ci dessus ,en fait le vrai code se trouve ici http://masta64.neuf.fr/page_01.htm
donc si vous voulez bien m'aider visiter cette page et corriger moi l'erreur que j'ai commise ou dite me le svp !!!


Où se trouvent les onmouseover et onmouseout ?


---------------
Vivre c'est choisir,
Choisir c'est renoncer.
MDY - Bruxelles - Belgique
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86897
29-11-2006 à 21:02:24

il se trouvent à la ligne 59
voir ca ---- <div id="images" style="position:absolute; width:618px; height:263px; z-index:0; left: 334px; top: 906px; background-image: url(Images/Pitbullz-logo.gif); layer-background-image: url(Images/Pitbullz-logo.gif); visibility: visible;" onmouseout="MM_showHideLayers('images','','hide')" onmouseover="MM_showHideLayers('images','','show')"></div>


---------------
Masta Bullz Man
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86900
29-11-2006 à 21:03:47

jviens d'essayer ca mais y a un probleme dans le code aussi, il manque une parenthese ou un > ou un "

<div id="DIV_PIT" style="position:absolute; width:618px; height:263px; z-index:10; left:334px; top:906px; visibility:hidden;" onmouseout="this.style.visibility="hidden";><img src="Images/Pitbullz-logo.gif"></div>
<div id="DIV_NUL" style="position:absolute; width:618px; height:263px; z-index:1; left:334px; top:906px; visibility:visible;" onmouseover="document.getElementById('DIV_PIT').style.visibility="visible";</div>

Message cité 1 fois

---------------
Masta Bullz Man
Mdy@IDN
Profil : IDNaute
Plus d'informations
n°86901
29-11-2006 à 21:13:48

masta64 a écrit :

jviens d'essayer ca mais y a un probleme dans le code aussi, il manque une parenthese ou un > ou un "

<div id="DIV_PIT" style="position:absolute; width:618px; height:263px; z-index:10; left:334px; top:906px; visibility:hidden;" onmouseout="this.style.visibility="hidden";><img src="Images/Pitbullz-logo.gif"></div>
<div id="DIV_NUL" style="position:absolute; width:618px; height:263px; z-index:1; left:334px; top:906px; visibility:visible;" onmouseover="document.getElementById('DIV_PIT').style.visibility="visible";</div>


Oui. Remplace ton onmouseout="this.style.visibility="hidden" par onmouseout="this.style.visibility='hidden'"
et le onmouseover="document.element('DIV_PIT').style.visibility="visible" par onmouseover="document.element('DIV_PIT').style.visibility='visible'"
et çà marchera mieux.


---------------
Vivre c'est choisir,
Choisir c'est renoncer.
MDY - Bruxelles - Belgique
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86902
29-11-2006 à 21:19:42

merci deja
je viens d'essayer et non , toujours pareils !!!!
toujours un probleme de balise


---------------
Masta Bullz Man
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86903
29-11-2006 à 21:23:08

la premiere ligne na pas de probleme
<div id="DIV_PIT" style="position:absolute; width:618px; height:263px; z-index:10; left:334px; top:906px; visibility:hidden;" onmouseout="this.style.visibility="hidden";><img src="Images/Pitbullz-logo.gif"></div>
Mais la deuxieme il y a un probleme de balise

http://img66.imageshack.us/img66/3381/balisejv5.jpg


---------------
Masta Bullz Man
Mdy@IDN
Profil : IDNaute
Plus d'informations
n°86908
29-11-2006 à 21:32:34

masta64 a écrit :


jviens d'essayer ca mais y a un probleme dans le code aussi, il manque une parenthese ou un > ou un "

<div id="DIV_PIT" style="position:absolute; width:618px; height:263px; z-index:10; left:334px; top:906px; visibility:hidden;" onmouseout="this.style.visibility="hidden";><img src="Images/Pitbullz-logo.gif"></div>
<div id="DIV_NUL" style="position:absolute; width:618px; height:263px; z-index:1; left:334px; top:906px; visibility:visible;" onmouseover="document.getElementById('DIV_PIT').style.visibility="visible";</div>
-------------------------------------------------------------------------------------
En fait, tu devrais écrire dans la partie body:

<DIV ID="DIV_PIT" style="position:absolute; width:618px; height:263px;
z-index:10; left:334px; top:906px; visibility:hidden;"
onmouseout="this.style.visibility='hidden'"><img src="Images/Pitbullz-logo.gif">
</div>

et également dans la partie body (un peux plus loin):


<A HREF="javascript:void(0)" onmouseover="DIV_PIT.style.visibility='visible'" onmouseout="DIV_PIT.style.visibility='hidden'">VOIR IMAGE</A>


Message édité par Mdy@IDN le 29-11-2006 Ã  21:34:06

---------------
Vivre c'est choisir,
Choisir c'est renoncer.
MDY - Bruxelles - Belgique
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86909
29-11-2006 à 21:41:08

pour la premire partie c'est deja fait et pour la deuxieme ??? je pense pas !!! enfin peut etre as tu raison !!!

Enfin retourne à l'adresse http://masta64.neuf.fr/page_01.htm car le resultat est bon, mon probleme est resolu mais il y a toujours ce put... de probleme de balise sur la deuxieme ligne <div id...


Aurais tu une idée !!! car moi je bloque la !!!


---------------
Masta Bullz Man
masta64
Qui tente rien n'as rien !!!
Profil : IDNaute
Plus d'informations
n°86914
29-11-2006 à 21:49:11

Ca y est probleme regler man !!!

Merci à toi pour ton aide et ta patience face à un débutant !!!
La solution etait la onmouseover = "document.getElementById('DIV_PIT').style.visibility ='visible';"></div>;

Au fait que pense tu du départ de mon site ???
Tu as vu l'anim d'intro ? http://www.masta64.neuf.fr

Message cité 1 fois

---------------
Masta Bullz Man
Mdy@IDN
Profil : IDNaute
Plus d'informations