Réduire une frame au passage de la souris ?

majinvgeo

Habitué
Salut à tous !! :hello:
Comment est-ce que je pourrais faire pour réduire une frame au passage de la souris.
En gros, j'ai sur la gauche une frame qui est un menu et j'aimerais que cette frame(menu) n'apparaise entièrement que lorsque la souris est dessus afin que le menu ne nuise à la lisibilité d'autres pages web.

Merci d'avance [:el scorcho]
 

thrips

Expert
j'ai trouvé une solution à ton problème :

Dans le code html du fichier de ton frame de menu, ajoute sa entre <head> et </head> :
[cpp]<SCRIPT language="JavaScript1.2">
function agrandir_frame()
{
window.parent.document.body.cols="200,*";
}

function reduire_frame()
{
window.parent.document.body.cols="30,*";
}
</SCRIPT>[/cpp]

puis dans la balise <body> ajoute sa :
[cpp]<body onmouseenter="agrandir_frame();" onmouseleave="reduire_frame();">[/cpp]

Alors tu peux changer la valeur 200 et 30 qui sont les largeurs du frame agrandi et réduit pour ce que tu désires.
 

thrips

Expert
De rien !

en +, j'ai passé environ 30 mintes à chercher et élaborer le script !
 

Duncan

Grand Maître
ThripS> ca fait un moment que j'ai plus fait de JavaScript mais depuis qd les événements ont changé ?
Parce que avant, c t onMouseOver et onMouseOut non ?
 

thrips

Expert
Sa fonctionne aussi !

Moi j'ai pris les premiers que WebExpert 5 me donnait ! Mais onMouseOver et onMouseOut sont peut-être compatibles avec plus de navigateurs !
 

Duncan

Grand Maître
peut-être bien... ou alors c des événements qui ont été rajoutés avec les dernières versions de JavaScript.
Je m'étais arrêté à la 1.2 je crois... enfin si ca marche, tant mieux. :)
 
Vous devez vous inscrire ou vous connecter pour répondre ici.
Derniers messages publiés
Statistiques globales
Discussions
730 098
Messages
6 717 055
Membres
1 586 282
Dernier membre
Yannick3553
Partager cette page
Haut