Afficher /masquer un menu + redim d'1 div

Fermé
Maskk Messages postés 89 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 23 décembre 2010 - 7 déc. 2010 à 12:10
Maskk Messages postés 89 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 23 décembre 2010 - 23 déc. 2010 à 11:09
Bonjour à tous, je debute sous java script je voudrais faire un bouton menu , au clic de celui ci l'on peut afficher ou cacher... mais le must serait un redimensionnement de la div centre pour gagner en affichage.

Voici pour mon javascript:

<script type="text/javascript">
function showmenu()
{
if(document.getElementById)
document.getElementById("menu_gauche").style.visibility = "visible";
document.getElementById("openmenu").style.display ="none";
document.getElementById("closemenu").style.display ="block";

}
function closemenu()
{
if(document.getElementById)
document.getElementById("menu_gauche").style.visibility = 'hidden';
document.getElementById("closemenu").style.display ="none";
document.getElementById("openmenu").style.display ="block";
}
</SCRIPT>


Voici mon code HTML:

<div class="centre" id="centre" align="left">
<div id="openmenu">
<a href="http://localhost/di/index.php?action=openmenu" onClick="showmenu();return(false);" >
<img src="images/glossy-button01.png" width="28" height="60" cellspacing="0" class="a_image"/>
</a></div>

<div id="closemenu">
<A HREF="http://localhost/di/index.php?action=closemenu" onClick="closemenu();return(false);">
<img src="images/glossy-button01.png" width="28" height="60" cellspacing="0" class="a_image"/>
</a></div>
</div>


Mon css :

#centre {
background-image: url(../images/images_fond/Centre1280x1024.gif);
background-repeat: no-repeat;
width: 854px;
height: 553px;
z-index: 1;
/*border: 1px solid black;*/
}
#openmenu {
display:block;
}

#closemenu {
display:none;
}

J'ai fait un redimensionnement sans prendre de code javascript ça marche ... mais bon question esthétique je ne peux pas vraiment présenter ça ...
Ma question : auriez vous une idée meilleure que la mienne ? Serait il possible qu'au redimensionnement de la div il y ai comme un effet plutôt que la passage en brut ,et la page qui s'actualise .
J'ai deja utilisé Jquery je pense qu'il y a surement une solution de ce coté ... mais comment faire apparaitre carement toute la partie "menugauche" de mon site
Merci d'avance !
Bonne journée
A voir également:

2 réponses

Maskk Messages postés 89 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 23 décembre 2010 2
23 déc. 2010 à 10:45
Je viens de faire pas mal de recherche , une animation plus sympas serait la bienvenue un peu comme sur ce site tres sympa je trouve :
http://geekarlier.elseif.eu/
J'ai remarqué que la personne utilise un fichier
<script type="text/javascript" src="dynamenu.js"></script>
Dans lequel il appelle l'id : news1...
Est ce que quelqu'un pourrait m'en dire un peu plus ? merci !
0
Maskk Messages postés 89 Date d'inscription mercredi 1 juillet 2009 Statut Membre Dernière intervention 23 décembre 2010 2
23 déc. 2010 à 11:09
Bon ben c'est tout bete il m'a fallu aller sur http://www.dynamicdrive.com/
La reponse y était
0