Fermer

Visiteur non-identifié | Identifiez-vous | Devenir membre
Code perdu ? | Combien de visiteurs sur votre site ?

Menu retractable

Script posté par :

mercier134 - (Sites : Actu.lecerfvolant.info - LeCerfVolant.info)
Vous aussi, postez vos scripts en cliquant ici.

Description

Ben voila c'est un menu qui est vertical, il se met sur le cote gauche de la page et quand le visiteur passe son curseur dessus, il le voit apparaitre en entier.

Compatibilité :

	FireFox : Toutes versions
	Mozilla : 1 et +
	Netscape Navigator : 6 et +
	Internet Explorer : 5 et +

Ce script utilise le DHTML

Chiffres :

Date de création : 25/10/2004
Dernière modif : -
Visites de la page : 82585
Envois par mail : 3211

Exemple :

Regardez sur le coté gauche :)

Le code :

Entre <HEAD> et </HEAD> :

Dans un fichier nommé ssmItems.js placé dans le même repertoire que votre page :

//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//E-mail: maximus@nsimail.com
//Script featured on Dynamic Drive (http://www.dynamicdrive.com)

NS6 = (document.getElementById&&!document.all)
IE = (document.all)
NS = (navigator.appName=="Netscape" && navigator.appVersion.charAt(0)=="4")

tempBar='';barBuilt=0;ssmItems=new Array();

moving=setTimeout('null',1)
function moveOut() {
if ((NS6||NS)&&parseInt(ssm.left)<0 || IE && ssm.pixelLeft<0) {
clearTimeout(moving);moving = setTimeout('moveOut()', slideSpeed);slideMenu(10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}};
function moveBack() {clearTimeout(moving);moving = setTimeout('moveBack1()', waitTime)}
function moveBack1() {
if ((NS6||NS) && parseInt(ssm.left)>(-menuWidth) || IE && ssm.pixelLeft>(-menuWidth)) {
clearTimeout(moving);moving = setTimeout('moveBack1()', slideSpeed);slideMenu(-10)}
else {clearTimeout(moving);moving=setTimeout('null',1)}}
function slideMenu(num){
if (IE) {ssm.pixelLeft += num;}
if (NS||NS6) {ssm.left = parseInt(ssm.left)+num;}
if (NS) {bssm.clip.right+=num;bssm2.clip.right+=num;}}

function buildBar() {
if(barText.indexOf('<IMG')>-1) {tempBar=barText}
else{for (b=0;b<barText.length;b++) {tempBar+=barText.charAt(b)+"<BR>"}}
document.write('<td align="center" rowspan="100" width="'+barWidth+'" bgcolor="'+barBGColor+'" valign="'+barVAlign+'"><p align="center"><font face="'+barFontFamily+'" Size="'+barFontSize+'" COLOR="'+barFontColor+'"><B>'+tempBar+'</B></font></p></TD>')}

<!--

Configure menu styles below

NOTE: To edit the link colors, go to the STYLE tags and edit the ssm2Items colors

b=(screen.width==800&&screen.height==600);

if(b) YOffset=0;
else YOffset=10; // no quotes!!
XOffset=0;
staticYOffset=6; // no quotes!!
slideSpeed=20 // no quotes!!
waitTime=100; // no quotes!! this sets the time the menu stays out for after the mouse goes off it.
menuBGColor="RoyalBlue";
menuIsStatic="yes"; //this sets whether menu should stay static on the screen
if(b) menuWidth=160;
else menuWidth=180; // Must be a multiple of 10! no quotes!!
menuCols=2;
hdrFontFamily="verdana";
if(b) hdrFontSize="1";
else hdrFontSize="2";
hdrFontColor="Navy";
hdrBGColor="Sandybrown";
hdrAlign="center";
hdrVAlign="center";
hdrHeight="15";
linkFontFamily="Verdana";
if(b) linkFontSize="1";
else linkFontSize="2";
linkBGColor="white";
linkOverBGColor="PaleGoldenrod";
linkTarget="_top";
linkAlign="Left";
barBGColor="Sandybrown";
barFontFamily="Verdana";
if(b) barFontSize="1";
else barFontSize="2";
barFontColor="Navy";
barVAlign="center";
barWidth=20; // no quotes!!
barText="NOM DU MENU"; // <IMG> tag supported. Put exact html for an image to show.

///////////////////////////
// ssmItems[...]=[name, link, target, colspan, endrow?] - leave 'link' and 'target' blank to make a header

ssmItems[0]=["1"] //create header
ssmItems[1]=["1.1", "url1.1",""] //create header
ssmItems[2]=["1.2", "url1.2",""] 
ssmItems[3]=["1.3", "url1.3",""]
ssmItems[4]=["2", "", ""] //create header
ssmItems[5]=["2.1", "url2.1",""] 
ssmItems[6]=["2.2", "url2.2", ""]
ssmItems[7]=["2.3", "url2.3", ""]
ssmItems[8]=["3"] //create header
ssmItems[9]=["3.1", "url3.1",""]
ssmItems[10]=["3.2", "url3.2",""]
ssmItems[11]=["3.3", "url3.3",""]
ssmItems[12]=["4"] //create header
ssmItems[13]=["4.1", "url4.1",""] //create header
ssmItems[14]=["4.2", "url4.2",""] 
ssmItems[15]=["4.3", "url4.3",""]
ssmItems[16]=["5", "", ""] //create header
ssmItems[17]=["5.1", "url5.1",""] 
ssmItems[18]=["5.2", "url5.2", ""]
ssmItems[19]=["5.3", "url5.3", ""]
ssmItems[20]=["6"] //create header
ssmItems[21]=["6.1", "url6.1",""]
ssmItems[22]=["6.2", "url6.2",""]
ssmItems[23]=["6.3", "url6.3",""]

buildMenu();

//-->

Si vous ne savez pas comment créer le fichier ssmItems.js, demandez a recevoir le script par email, il vous sera alors envoyé en pièce jointe ! Sinon, consultez la FAQ du site.

Services email :

Je désire recevoir ce script par email
Je désire recevoir un email en cas de modification de ce script
Je désire m'abonner à la newsletter de l'éditeur JavaScript

Les annotations des visiteurs :

De holbi007 - le 01-12-2004

super l'effet de fluidité et le design est mega!!!
cest le meilleur menu du site!!

De artotal - le 24-02-2005

bonjour,
avec firefox il y a des problemes, sa ne marche pas.

De RameScripteur - le 04-04-2005

Bonjour Damien,
le script du Menu retractable est geniale, je l'ai adapte a mon site mais un seul pb genant c'est a l'ouverture du site, en cliquant sur un des liens il ouvre une nouvelle page apres il nous permet de naviguer dans la meme page,
aurais tu une idee pourquoi a la premiere utilisation il ouvre une nouvelle page
Merci d'avance

De wyllen - le 07-04-2005

serieu il est canon le menu mais comment on fait pour ke le lien s'ouvre dans notre page central kan on a des frames???:)

De cerildelanseletangue - le 08-04-2005

bonjour, j'utilise votre script votre script que je trouve vraiment trés bien ( un super gain de place) le seul souci que je n'arrive pas à résoudre malgré de multiple tentative est de descendre le sommaire qui reste scotchée en haut du navigateur ( j aimerai juste le centrer avec les cadres de mon site). ce serait top de me dire sur quel code je dois agir.
CORDIALEMENT.

De cuistot-tlse - le 07-05-2005

il fonctionne bien chapeau bas juste ce prob de frame il s'ouvre tjrs dans une nouvelle fenetre je suis novice il faut mettre target=mainFrame mais je doit me promper dans les guilletmet ou qq chose du genre ?
merci de m'aider
code/
ssmItems[1]=["Jeux de mots", "mot.htm",""] //create header
/code
name, link, target mais comment le target
re-merci

De Kenny15 - le 08-06-2005

bonjour,
je suis novice, et je voudrais savoir si ce menu rectractable peut etre à droite et s'ouvrir ??
merci d'avance

De lasdesnuls - le 09-06-2005

Bonjour,
est il possible d'avoire ssm2Items.js pour que je puisse modifier les couleurs si non comment je fait

De laidak - le 22-06-2005

Bonour,

Je viens d'installer ce script, et j'aimerai savoir si:

C'est possible de centrer le menu (en hauteur... Il est tjs en haut de la page...).

D'enlever les images du fond (ne pas mettre de couleur... de pouvoir voir l'image qui ce trouve derière le menu)

Et pour finir comment faire apparaitre le script fermé au démarrage de la page..

Merci d'avance!!

De rakoto - le 15-09-2005

Le script marhe impeccablement,mais comment faire pour que le menu s'affiche sur le coté droit de la page

De Krystel - le 17-09-2005

C'est exactement ce que je recherchais mais je souhaiterais y inclure un sous-menu (comme j'avais vu sur FxDynamic qui apparemment n'existe plus). Quel en serait le script à rajouter ? Merci d'avance.

De yogolo - le 13-10-2005

Bonjour, j'utilise IE6 et lorsque je crée une page avec ce menu lors de l'ouverture j'ai un message qui annonce que IE a restreint l'afiichage d'un contenu actif. Il me faut deux clics pour voir mon menu apparaitre, si le fiat se reproduit pour tous les utilisateurs je n epeux pas l'utiliser.
Merci de m'indiquer où peut être le problème.

De marc.toutain - le 09-02-2007

Bonjour,

Question déja posée mais je n'est pas la réponse...
j'utilise IE6 et lorsque je crée une page avec ce menu lors de l'ouverture j'ai un message qui annonce que IE a restreint l'afiichage d'un contenu actif. Il me faut deux clics pour voir mon menu apparaitre, si le fait se reproduit pour tous les utilisateurs je ne peux pas l'utiliser.
Merci de m'indiquer où peut être le problème.

De Goldeneye007 - le 06-08-2007

Jai essayé de le tel ça à marché mais il ne met pas le menu, pourquoi?

De yvan2002 - le 09-04-2008

Je ne comprend pas ,Quand je met le menu sur ma page web en suivant de pres les instructions Le menu reste statique et ne bouge pas ...De plus il reste toujours ouvert
mais quand je vais ici le menu exemple fonctionne impec...

>> Poster une annotation sur ce script

6 visiteurs
actuellement en ligne

PUBLICITE

ANNUAIRE WEBMAST.

Wedoo
La plus connue des top-lists.
http://fr.wedoo.com

Cat : Cercles de sites
Voir l'annuaire webmaster

LES SCRIPTS :

78 à éditer
68 à copier/coller
247 des membres
2580 sur le web
>> Tous les scripts

LES MEMBRES :

56132 membres
8374 comptes CountUs
1541 comptes myCircle

LES FORUMS :

14 forums
39396 topics
189315 messages
>> Les forums

SONDAGE

La mini-astuce "Divers" du jour par caaptusss
Outlook express et Office recelle une option très utile : Les règles de messages. Elles vous permettent lorsque vous recevez beaucoup de messages d'un seul expéditeur, de les classer dans des dossiers prédéfinis ou que vous avez créé. Utile lorsque l'on veux s'y retrouver dans les mails ;-)
Proposer votre mini-astuce | Archives des mini-astuces

Pseudo :
Code :
	Se souvenir de moi