Afficher /masquer un menu + redim d'1 div
Maskk
Messages postés
89
Date d'inscription
Statut
Membre
Dernière intervention
-
Maskk Messages postés 89 Date d'inscription Statut Membre Dernière intervention -
Maskk Messages postés 89 Date d'inscription Statut Membre Dernière intervention -
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
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:
- Afficher /masquer un menu + redim d'1 div
- Menu déroulant excel - Guide
- Afficher appdata - Guide
- Menu corbeille - Guide
- Masquer conversation whatsapp - Guide
- Comment masquer les amis sur facebook - Guide
2 réponses
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 !
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 !