begin process at 2012 05 29 01:37:38
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

JavaScript et le navigateur

 > 

Autre

 > 

[AIDE]Problème avec un calque et fonction Onmouseover ?


Derniers messages déposésPoser une question dans le forum ou lancer une discussion

[AIDE]Problème avec un calque et fonction Onmouseover ?

mercredi 29 novembre 2006 à 10:46:25 | [AIDE]Problème avec un calque et fonction Onmouseover ?

masta64

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

mercredi 29 novembre 2006 à 11:53:38 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

bultez

Membre Club




Bonjour,
   elles sont appelées quand les fonctions ?
   pourquoi faire si compliqué ?
   il "suffit" de jouer avec objet.style.display="none" ou "inline"
      déclanchés sur onmouseover ou onmouseout.

   par contre... petite remarque/petit problème : lorsque le div sera caché on ne
      pourra plus passer dessus ! on ne l'affichera donc plus jamais.


                              Cordialement             Bul       [mon Site]    [M'écrire]
mercredi 29 novembre 2006 à 12:13:56 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

Bidou

Administrateur CodeS-SourceS
Déplacé sur javascriptfr !





-Blog-
mercredi 29 novembre 2006 à 12:24:51 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

bultez

Membre Club
salut Bidou,
   je n'ai pas fait gaffe que ce message était au bar  boire.gif( probablement !  )

                              Cordialement                Bul          [mon Site]    [M'écrire]
mercredi 29 novembre 2006 à 18:31:10 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

masta64

je pense que vous plus en mesure de m'aider en visitant la page concernée a cette adresse et constaterez par vous meme le probleme !!!
http://masta64.neuf.fr/page_01.htm
Merci de m'aider HELP ME please


PS: Bonjour,
   elles sont appelées quand les fonctions ?
   pourquoi faire si compliqué ?
   il "suffit" de jouer avec objet.style.display="none" ou "inline"
      déclanchés sur onmouseover ou onmouseout.



Merci bultez mais jsui debutant et je n'ai pas trouvez plus facile que les calques avec Onmouseover !!!
Je voudrais mettre en oeuvre ta fonction mais pourrais tu etre un peu plus explicatif pour mettre en oeuvre ta fonction ,,,??? merci
mercredi 29 novembre 2006 à 18:35:40 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

PetoleTeam

Membre Club


B
onjour à tous..

Que se passe t il ??
RIEN
ou ai je fait une erreur ???
Dans l'approche du problème...

on pourrait résumé ainsi
- Il existe une vignette ou un lien dans le document...
- Il existe un div caché dans le document avec l'image à voir...
- SI je survol cette vignette ou ce lien ALORS le div avec l'image s'affiche..
- SI je quitte cette vignette ou ce lien ALORS le div avec l'image disparaît...

et comme le dit The Bultez on utile pour ce faire la propriétés style.display ou style.visibility, plein d'exemple sur ce site,c'est un classique, voir même la fonction
MM_showHideLayers de ton script...

;0)
mercredi 29 novembre 2006 à 19:00:43 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

masta64

C'est super sympa de bien vouloir m'aider petoleteam mais pourrait tu etre plus explicatif car je ne pige rien !!!

Ahh lalala c'est debutant !!! et oui je sais je suis un peu chiant !!!
mais svp expliquer moi mieux et plus simplement

masta64
mercredi 29 novembre 2006 à 20:06:51 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

PetoleTeam

Membre Club
Je reviens de ta page et j'ai mieux saisi ton problème aussi je te propose cette solution...
à la place de la ligne
<div id="images" style="...blabla...></div>

tu mets

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

Explications
le DIV DIV_PIT, l'image à afficher, et le DIV_NUL, celui qui déclenche l'affichage, doivent avoir la même taille et la même position...
le DIV_PIT doit avoir un z-index supérieur au DIV_NUL...
Lorsque le DIV_NUL recoit la visite de la Mouse il montre le DIV_PIT qui venant par dessus doit avoir un événement onmouseout pour pouvoir disparaître lorsque le Mouse tache le quitte...
et ainsi de suite...

J'espère avoir été clair et avoir compris ton soucis...

;0)
mercredi 29 novembre 2006 à 21:08:08 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

masta64

Merci beaucoup Petoleteam
je viens d'essayer et il me dit ca
[img]http://img66.imageshack.us/img66/3381/balisejv5.jpg[/img]

masta64
mercredi 29 novembre 2006 à 21:09:30 | Re : [AIDE]Problème avec un calque et fonction Onmouseover ?

masta64




excuse trop l'habitude d'autre forum !!!


1 2

Cette discussion est classée dans : document, obj, mm, calque, onmouseover


Répondre à ce message

Sujets en rapport avec ce message

Probleme de différence de taille entre IE et Mozilla (etc) [ par chandler_vodkamartini ] Voilou, j'explique la situation, j'ai un scroll javascript qui agit sur une suite d'image et de texte placée dans un container qui a une certaine tail Lier un événement à une méthode [ par lelutinvert ] Bonjour,Voilà le problème qui se pose :J'ai volontairement très simplifié le code dans lequel je rencontre la difficulté, mais le principe s'y trouve. demande d'aide sur mon script rotatif [ par bolix ] Lut a tous,G modifier l'emplacement d'une photo sur mon script et celui ci ne marche +.si kelkun pouvez voir se qui ne va pas se serait génial. Ca doi Ecrire dans un document.write [ par Rimb0 ] Bonjour à tous !Je suis vraiment nouveau en javascript, c'est pourquoi j'ai une eptite question à vous poser.Voici ce que j'ai écrit :document.write(' Problème compatibilité de ma page sous Firefox [ par shadow125 ] Hello :)Voila je programme la V 3.2 de mon site et j'aimerai faire un truc vraiement joli :) Donc j'ai fais des jeux de cadre pour faire une structure onMouseOver [ par lu6fer ] bonjour, voila j'ai un petit probleme avec mon onMouseOver. je voudrai que lors du passage de la souri sur une image reactive, le frame de gauche ce m Calque et centrage [ par Liothan ] Bonjour, J'ai recup un script pour charger des images dans un calque. J ai reussi a le modifier pour placer le calque a l endroit ou je veux mais me probleme dans mon Script [ par Guigui76 ] Voila mon Script j aimerai ke kelkun m aide car je n arrive pas a ouvrir le scrip de la fin en meme temp ke l evement tu texte contextuel function MM_ Mozilla et position d'un <div> [ par philagui ] Bonjour,Voila j'utilise le script suivant pour positionner et afficher quelque chose sur une page:function show(calque, id) { document.getElementById( rollvover sur img [ par gesualda ] Bonjour à tous,j'ai testé ce code pour faire un rollover sur une image ..Tous fonctionne jusqu'au block4, et ensuite il ne donne aucune erreur, mais n


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

A découvrir



 
Développement réalisé par Nicolas SOREL (Nix) avec l'aide de : Cyril DURAND et Emmanuel (EBArtSoft), Merci à Vincent pour ses précieux conseils.
CodeS-SourceS.com© Toute reproduction même partielle est interdite sauf accord écrit du Webmaster
CodeS-SourceS.com© est une marque déposée tous droits réservés

Google Coop CodeS-SourceS Google Coop CodeS-SourceS
Temps d'éxécution de la page : 0,468 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales