begin process at 2012 05 29 02:03:32
  Trouver un code source :
 
dans
 
[ Dernières recherches ]
Accueil > Forum > 

Javascript / DHTML / Ajax

 > 

CSS

 > 

Général

 > 

Cherche Menu Rétractable en JS

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

Cherche Menu Rétractable en JS

jeudi 29 septembre 2011 à 15:31:56 | Cherche Menu Rétractable en JS

kopax
Bonjour,

Je cherche un script me permettant de faire un menu rétractable.
J'aurai besoin d'un petit bouton en haut a droite de ma page, et lorsque je clique dessus, dérouler un grand menu ou le contenu serai un include d'une page php.

Ensuite on doit pouvoir le diminuer à nouveau si on décide de ne plus se servir de ce menu.

Ce que je cherche ressemble à ca :

[URL=http://www.imagup.com/data/1131968417.html][/URL]

Tout ce que j'ai trouvé sont des menu qui s'affiche et se masque au passage de la souris (pas très pratique).

Sinon ma page contient une toolbar, et le site est dans une iframe pour des raisons technique (site sur serveur distant ou je n'ai pas d'accès).
Il faut que le script superpose les deux frames que compose ma page.

Si vous connaissez quelque chose qui pourrait m’intéresser,

Merci d'avance,

kopax
jeudi 29 septembre 2011 à 17:25:20 | Re : Cherche Menu Rétractable en JS

kazma

Administrateur CodeS-SourceS
un truc dans ce genre

Code HTML :
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>

<title>menu</title>

<style type="text/css">
.couleur {
color: white;}

.dg2 {
position:fixed;
height:400px;
z-Index:1000;
background-color:#84a5c9;
top:50px;
right:0px;
width:0px;
}

#divmenu2 {
	width:200px;
	margin-left:30px;
	margin-top:30px;
	height:200px;
	background: #ff0;
	}
	
#fleche2 {
	position:absolute;
	top:0px;
	left:-20px;
	height:80px;
	margin:0px;
	width:20px;
	padding:0px;
	background-color:#84a5c9;
	-moz-border-radius:10px 0px 0px 10px;
	-webkit-border-radius:10px 0px 0px 10px;
	-o-border-radius:10px 0px 0px 10px;
	border-radius:10px 0px 0px 10px;
	}
</style>

<script type="text/javascript" language="JavaScript">


function mnd(lui){
typeof this.mndv == 'undefined' ? this.mndv = 0 : null;
typeof this.elem == 'undefined' ? this.elem = lui.parentNode : null;

var wrt = ((navigator.appName.substring(0,5)=="Micro") ? parseInt(this.elem.currentStyle.width) : parseInt(getComputedStyle(this.elem, null).getPropertyValue('width')));

this.elem.style.width=(this.mndv == 1) ? wrt-10+'px' : wrt+10+'px';

if(this.mndv==1 && wrt<=0){
this.mndv=0;
return false;
}

if(this.mndv==0 && wrt>=300){
this.mndv=1;
return false;
}
setTimeout("mnd()",20);
}
</script>
</head>
<body>

<div class="dg2">

<div id='fleche2'onclick='mnd(this)'>
</div>
	
<div id="divmenu2">
jhfgjhujidfss fjkuiout eziuououoiu tzeroiuo
</div>


</div>

<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>
</body>
</html>
jeudi 29 septembre 2011 à 23:01:13 | Re : Cherche Menu Rétractable en JS

kopax
Merci pour ta réponse,

Le problème c'est que le menu se trouve dans le frame haut qui ne comporte qu'une div, et j'aimerai qu'il superpose ma page + l'iframe constituant la majeur partie de ma page.

De plus, j'utilise dans ce menu, un copytoclipboard en flash (Zeroclipboard), qui pose un élément flash au dessus d&#8217;élément html. (dans le but d'avoir dans mon presse papier des commandes SSH)

Lorsque je fais déplacer le menu, les éléments flash ne sont pas dans la page car au départ, le menu est en dehors de la page.
Il faut donc que au premier chargement de la page, le menu soit charger à sa position dérouler avant de se masquer.

des idées ?


Cette discussion est classée dans : menu, cherche, page, js, rétractable

Répondre à ce message

Sujets en rapport avec ce message

un pop up dans un fichier .js [ par fcweb ] Bonjour, J'utilise Dreamweaver 4 Je viens de réaliser une page html avec un menu et j'ai transformé ce menu sur un fichier .js afin de l'utiliser dan Récupérer une valeur passée en paramètre <script src="menu.js?id=5" …></script> [ par marieline01 ] Bonjour, Descriptif : Dans ma page ‘index.html’, j’insère un menu qui est défini dans ma page de code ‘menu.js’. Jusqu’ici tout fonctionne&nbsp Problème "menu onglets" déconnexion [ par jvergoby ] Bonjour à tous,j'ai un petit soucis avec un code que j'ai pris ici :http://www.javascriptfr.com/codes/MENU-ONGLETS-AVEC-SCROLLB menu déroulant que je veux figer !!!!! [ par NTIC ] Salut à tous,Eh oui comme beaucoup, j'ai pris un menu disponible sur ce site et j'ai un piti soucis :c'est un menu nickel, déroulant, horizontal. Que page introuvable [ par astuces_jeux ] bonjour je cherche comme faire une page d'erreur par exemple sur google.be tu as la page http:///www.google.be et si tu mets http://www.google.be/gdfd menu déroulant et affichage dans la même page [ par cybermalicia ] Slt @ tous et déjà merci d'avance ^^.Pr info jsui une petite débutante sur le plan utilisation des menus sans l'utilisation des frames alors je suis e Menu type mac [ par kk8ete ] Bonjour j'ai trouvé cette source : http://www.javascriptfr.com/code.aspx?ID=26334 et je voudrais faire exactement le meme type de menu mais en chang lien qui change une frame [ par astuces_jeux ] je cherche comment faire par exemple tu met un lien dans une page et en dessous une frame qui affiche une autre page dans la frame je cherche comment Reload d'un .js toutes "x" secondes. [ par shadow125 ] Bonsoir à vous tous !Voila j'essaye de faire un petit script et j'ai besoin de le relancer toutes les 1secondes, sans recharger la page.J'ai trouvé co Balises JS [ par MadM@tt ] Bonjour à tous, J'aimerais connaitre toutes les balises possibles qui permettent d'écrire du Javascript, en effet je compte scanner une page pour vir


Nos sponsors


Sondage...

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

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,359 sec (4)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales
Outils Convertisseur VB/C# Snippets et scripts Outils en ligne La ToolBox
Communauté Programmation Photographie Technologie Newsgroups Emploi Forum Blogs
Guide d'achat Téléphonie mobile Image et son Informatique Bureautique Jeux vidéo
Logiciels Internet & Réseau Développement Market Android Jeux & Loisirs Graphisme Multimédia Sécurité Pilotes
Loisirs Cartes virtuelles Vidéos droles Jeux en ligne Géoguide AndroLib (Android Market)