begin process at 2012 05 29 22:46:29
  Trouver un code source :
 
dans
 
Accueil > Forum > 

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

recherche aide


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

recherche aide

lundi 17 mars 2003 à 00:22:17 | recherche aide

g2m

nouveau dans la création de site, je bute sur une chose simple, créer un menu déroulant horizontale avec survol.
Un truc simple quoi!
Dans cette barre 8 rubriques : acces1 à 8 le survol est blanc puis FFFF99.
les sous rubriques sont acces10 à acces 80

merci de me répondre, ça fait deux nuits que je suis dessus.
jeudi 20 mars 2003 à 14:12:08 | Re : recherche aide

iwaweb

Pour t'aider tu peux utiliser l'excellent selfhtml qui est un manuel en HTML sur la plupart des technologies web telles que Javascript,HTML,CSS. C'est un excellent manuel qui m'a beaucoup aidé dans la réalisation de mon site.

Visitez Iwaweb: http://www.iwaweb.net/


-------------------------------
Réponse au message :
-------------------------------

> nouveau dans la création de site, je bute sur une chose simple, créer un menu déroulant horizontale avec survol.
> Un truc simple quoi!
> Dans cette barre 8 rubriques : acces1 à 8 le survol est blanc puis FFFF99.
> les sous rubriques sont acces10 à acces 80
>
> merci de me répondre, ça fait deux nuits que je suis dessus.
samedi 2 août 2003 à 14:34:54 | Essaye ça :

Bastienal

Copie cette page HTML :
Je ne pense pas que ça soit le plus simple, mais ça marche ! Reste à savoir modifier le code.... bonne chance.

<HTML><HEAD><TITLE>BARRE DE NAVIGATION MULTI-NIVEAUX</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<META content="MSHTML 6.00.2800.1141" name=GENERATOR></HEAD>
<BODY text=#000000 bgColor=#a0a0a4 leftMargin=0 topMargin=0 marginheight="0"
marginwidth="0">
<TABLE cellSpacing=0 cellPadding=0 width=756 border=0>
<TBODY>
<TR>
<TD vAlign=top width=756 bgColor=#ff0000 height=22>
<SCRIPT type=text/javascript>
var NoOffFirstLineMenus=6; // Nombre de catégories de 1er niveau
var LowBgColor='#0000FF'; // Couleur de fond quand la souris ne survole pas le menu
var LowSubBgColor='#0000FF'; // Couleur de fond quand la souris ne survole pas de sous-catégorie
var HighBgColor='#FFDF00'; // Couleur de fond quand la souris survole les catégories
var HighSubBgColor='#FFDF00'; // Couleur de fond quand la souris survole les sous-catégories
var FontLowColor='#00FFFF'; // Couleur de la police du menu quand la souris ne le survole pas
var FontSubLowColor='#800000'; // Couleur de la police des sous-cat quan la souris ne les survolent pas
var FontHighColor='white'; // Couleur de la police des catégories quand la souris les survole
var FontSubHighColor='white'; // Couleur de la police des sous-cat quand la souris les survole
var BorderColor='black'; // Couleur de bordure des catégories principales
var BorderSubColor='black'; // Couleur de bordure des sous-catégories
var BorderWidth=0; // Epaisseur en pixel des bordures
var BorderBtwnElmnts=1; // Epaisseur entre les catégories
var FontFamily="arial,comic sans ms,technical" // Choix des polices
var FontSize=9; // Taile des polices
var FontBold=1; // 1 = gras, 0 = non gras
var FontItalic=0; // 1 = italique, 0 = droit
var MenuTextCentered='center'; // position des textes 'left', 'center' ou 'right'
var MenuCentered='left'; // Position horizontale du menu 'left', 'center' ou 'right'
var MenuVerticalCentered='top'; // osition verticale du menu 'top', 'middle' or 'bottom'
var ChildOverlap=.2;
var ChildVerticalOverlap=.2;
var StartTop=0;
var StartLeft=1;
var VerCorrect=0;
var HorCorrect=0;
var LeftPaddng=3;
var TopPaddng=2;
var FirstLineHorizontal=1; // 0 pour un menu vertical & 1 pour un menu horizontal
var MenuFramesVertical=1;
var DissapearDelay=1000;
var TakeOverBgColor=1;
var FirstLineFrame='navig';
var SecLineFrame='space';
var DocTargetFrame='space';
var TargetLoc='';
var HideTop=0;
var MenuWrap=1;
var RightToLeft=0;
var UnfoldsOnClick=0;
var WebMasterCheck=0;

function BeforeStart(){return}
function AfterBuild(){return}
function BeforeFirstOpen(){return}
function AfterCloseAll(){return}


// Note de Net@scope : Ici commence la désignation des liens du menu

Menu1=new Array("Home","http://www.netscope.org","",0,20,126);

Menu2=new Array("Actualité","#.htm","",2);
Menu2_1=new Array("General","#.htm","",5,20,126);
Menu2_1_1=new Array("Yahoo","#.htm","",0,20,126);
Menu2_1_2=new Array("Le Figaro","#.htm","",0);
Menu2_1_3=new Array("CNN","#.htm","",0);
Menu2_1_4=new Array("BBC","#.htm","",0);
Menu2_1_5=new Array("Actualité US","#.htm","",2);
Menu2_1_5_1=new Array("Yahoo.com","#.htm","",0,20,150);
Menu2_1_5_2=new Array("CBS","#.htm","",0);
Menu2_2=new Array("Informatique","#.htm.htm","",3);
Menu2_2_1=new Array("IBM","#.htm","",0,20,200);
Menu2_2_2=new Array("Apple","#.htm","",0);
Menu2_2_3=new Array("Dell","#.htm","",0);

Menu3=new Array("Recherche","#.htm","",3);
Menu3_1=new Array("Altavista","#.htm","",0,20,126);
Menu3_2=new Array("Google","#.htm","",0);
Menu3_3=new Array("Yahoo","#.htm","",0);

Menu4=new Array("Musique","#.htm","",4);
Menu4_1=new Array("Radio FG","#.htm","",0,20,180);
Menu4_2=new Array("NRJ","#.htm","",0);
Menu4_3=new Array("Fun Radio","#.htm","",0);
Menu4_4=new Array("Oui FM","#.htm","",0);

Menu5=new Array("Autres","javascript:top.location.href='blank.htm'","",1);
Menu5_1=new Array("Site de l'auteur","http://www.burmees.nl/","",0,20,140);

Menu6=new Array("Marine","#.htm","",3);
Menu6_1=new Array("Mousses","#.htm","",0,20,126);
Menu6_2=new Array("Commandos","#.htm","",0);
Menu6_3=new Array("Jaureguiberry","#.htm","",0);

// Gobal variables

var AgntUsr=navigator.userAgent.toLowerCase();
var DomYes=(document.getElementById)?1:0;
var NavYes=(AgntUsr.indexOf('mozilla')!=-1&&AgntUsr.indexOf('compatible')==-1)?1:0;
var ExpYes=(AgntUsr.indexOf('msie')!=-1)?1:0;
var Opr5=(AgntUsr.indexOf('opera 5')!=-1||AgntUsr.indexOf('opera/5')!=-1)?1:0;
var DomNav=(DomYes&&NavYes)?1:0;
var DomExp=(DomYes&&ExpYes)?1:0;
var Nav4=(NavYes&&!DomYes&&document.layers)?1:0;
var Exp4=(ExpYes&&!DomYes&&document.all)?1:0;
var PosStrt=((NavYes||ExpYes)&&!Opr5)?1:0;

var FrstLoc,ScLoc,DcLoc;
var ScWinWdth,ScWinHght,FrstWinWdth,FrstWinHght;
var ScLdAgainWin;
var FirstColPos,SecColPos,DocColPos;
var RcrsLvl=0;
var FrstCreat=1,Loadd=0,Creatd=0,IniFlg,AcrssFrms=1;
var FrstCntnr=null,CurrntOvr=null,CloseTmr=null;
var CntrTxt,TxtClose,ImgStr;
var Ztop=100;
var ShwFlg=0;
var M_StrtTp=StartTop,M_StrtLft=StartLeft;
var LftXtra=(DomNav)?LeftPaddng:0;
var TpXtra=(DomNav)?TopPaddng:0;
var M_Hide=(Nav4)?'hide':'hidden';
var M_Show=(Nav4)?'show':'visible';
var Par=(parent.frames[0]&&FirstLineFrame!=SecLineFrame)?parent:window;
var Doc=Par.document;
var Bod=Doc.body;
var Trigger=(NavYes)?Par:Bod;

MenuTextCentered=(MenuTextCentered==1||MenuTextCentered=='center')?'center':(MenuTextCentered==0||MenuTextCentered!='right')?'left':'right';
WbMstrAlrts=["No such frame: ","Item not defined: ","Item needs height: ","Item needs width: ","Item Oke ","Menu tree oke"];

if(Trigger.onload)Dummy=Trigger.onload;
if(DomNav&&!Opr5)Trigger.addEventListener('load',Go,false);else Trigger.onload=Go;

function Dummy(){return} // Executes user onload when found

function CnclSlct(){return false} // Prevents text select on menu items.

function RePos(){ // Repositions menu after resize IE and NS6
var FrstCntnrStyle=(!Nav4)?FrstCntnr.style:FrstCntnr;
FrstWinWdth=(ExpYes)?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
FrstWinHght=(ExpYes)?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
ScWinWdth=(ExpYes)?ScLoc.document.body.clientWidth:ScLoc.innerWidth;
ScWinHght=(ExpYes)?ScLoc.document.body.clientHeight:ScLoc.innerHeight;
if(TargetLoc)ClcTrgt();
if(MenuCentered)ClcLft();
if(MenuVerticalCentered)ClcTp();
PosMenu(FrstCntnr,StartTop,StartLeft)}

function UnLoaded(){ // Disables menu when document gets unloaded
if(typeof(CloseTmr)!='undefined'&&CloseTmr)clearTimeout(CloseTmr);
Loadd=0; Creatd=0;
if(HideTop){
var FCStyle=(Nav4)?FrstCntnr:FrstCntnr.style;
FCStyle.visibility=M_Hide}}

function ReDoWhole(){ // Reloads after resize NS4 only
if(ScWinWdth!=ScLoc.innerWidth||ScWinHght!=ScLoc.innerHeight||FrstWinWdth!=FrstLoc.innerWidth||FrstWinHght!=FrstLoc.innerHeight)
Doc.location.reload()}

function Check(WMnu,NoOf){ // Checks menu tree
var i,Hg,Wd,La,Li,Nof,array,ArrayLoc;
ArrayLoc=(parent.frames[0])?parent.frames[FirstLineFrame]:self;
for(i=0;i<NoOf;i++){
array=WMnu+eval(i+1);
if(!ArrayLoc[array]){WbMstrAlrt(1,array); return false}
La=ArrayLoc[array][0]; Li=ArrayLoc[array][1]; Nof=ArrayLoc[array][3];
if(i==0){ if(!ArrayLoc[array][4]){WbMstrAlrt(2,array); return false}
if(!ArrayLoc[array][5]){WbMstrAlrt(3,array); return false}}
Hg=ArrayLoc[array][4]; Wd=ArrayLoc[array][5];
if(!WbMstrAlrt(4,'\n\n'+array+'\nwidth: '+Wd+'\nheight: '+Hg+'\nLabel: '+La+'\nLink: '+Li+'\nNo of sub items: '+Nof)){WebMasterCheck=0; return true}
if(ArrayLoc[array][3])if(!Check(array+'_',ArrayLoc[array][3])) return false}
return true}

function WbMstrAlrt(No,Xtra){
if(WebMasterCheck)return confirm(WbMstrAlrts[No]+Xtra+' ')}

function Go(){ // Main function
Dummy();
if(Loadd||!PosStrt)return;
BeforeStart();
Creatd=0; Loadd=1;
status='Building menu';
if(FrstCreat){
if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WbMstrAlrt(0,FirstLineFrame); FirstLineFrame=SecLineFrame}
if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WbMstrAlrt(0,SecLineFrame); FirstLineFrame=SecLineFrame=DocTargetFrame}
if(FirstLineFrame =="" || !parent.frames[FirstLineFrame]){WbMstrAlrt(0,DocTargetFrame); FirstLineFrame=SecLineFrame=DocTargetFrame=''}
if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame;
if(SecLineFrame =="" || !parent.frames[SecLineFrame])SecLineFrame=DocTargetFrame=FirstLineFrame;
if(DocTargetFrame =="" || !parent.frames[DocTargetFrame])DocTargetFrame=SecLineFrame;
if(WebMasterCheck){if(!Check('Menu',NoOffFirstLineMenus))return;else WbMstrAlrt(5,'')}
FrstLoc=(FirstLineFrame!="")?parent.frames[FirstLineFrame]:window;
ScLoc=(SecLineFrame!="")?parent.frames[SecLineFrame]:window;
DcLoc=(DocTargetFrame!="")?parent.frames[DocTargetFrame]:window;
if (FrstLoc==ScLoc) AcrssFrms=0;
if (AcrssFrms)FirstLineHorizontal=(MenuFramesVertical)?0:1;
FrstWinWdth=(ExpYes)?FrstLoc.document.body.clientWidth:FrstLoc.innerWidth;
FrstWinHght=(ExpYes)?FrstLoc.document.body.clientHeight:FrstLoc.innerHeight;
ScWinWdth=(ExpYes)?ScLoc.document.body.clientWidth:ScLoc.innerWidth;
ScWinHght=(ExpYes)?ScLoc.document.body.clientHeight:ScLoc.innerHeight;
if(Nav4){CntrTxt=(MenuTextCentered!='left')?"<div align='"+MenuTextCentered+"'>":"";TxtClose="</font>"+(MenuTextCentered!='left')?"</div>":""}}
FirstColPos=(Nav4)?FrstLoc.document:FrstLoc.document.body;
SecColPos=(Nav4)?ScLoc.document:ScLoc.document.body;
DocColPos=(Nav4)?DcLoc.document:ScLoc.document.body;
if (TakeOverBgColor)FirstColPos.bgColor=(AcrssFrms)?SecColPos.bgColor:DocColPos.bgColor;
if(FrstCreat){FrstCntnr=CreateMenuStructure('Menu',NoOffFirstLineMenus);
FrstCreat=(AcrssFrms)?0:1}
else CreateMenuStructureAgain('Menu',NoOffFirstLineMenus);
if(TargetLoc)ClcTrgt();
if(MenuCentered) ClcLft();
if(MenuVerticalCentered) ClcTp();
PosMenu(FrstCntnr,StartTop,StartLeft);
IniFlg=1;Initiate();Creatd=1;
ScLdAgainWin=(ExpYes)?ScLoc.document.body:ScLoc;
ScLdAgainWin.onunload=UnLoaded;
//if(ExpYes)FrstLoc.document.body.onselectstart=CnclSlct;
Trigger.onresize=(Nav4)?ReDoWhole:RePos;
AfterBuild();
status='Menu ready for use'}

function ClcTrgt(){ // Calculates StartTop and Left when positioning is relative
var TLoc=(Nav4)?FrstLoc.document.layers[TargetLoc]:(DomYes)?FrstLoc.document.getElementById(TargetLoc):FrstLoc.document.all[TargetLoc];
StartTop=M_StrtTp; StartLeft=M_StrtLft;
StartTop+=(Nav4)?TLoc.pageY:TLoc.offsetTop;
StartLeft+=(Nav4)?TLoc.pageX:TLoc.offsetLeft}

function ClcLft(){ // Calculates StartTop and Left when menu is centered
if(MenuCentered!='left'){
var Size=FrstWinWdth-((!Nav4)?parseInt(FrstCntnr.style.width):FrstCntnr.clip.width);
StartLeft=M_StrtLft;
StartLeft+=(MenuCentered=='right')?Size:Size/2}}

function ClcTp(){ // Calculates StartTop and Left when menu is centered
if(MenuVerticalCentered!='top'){
var Size=FrstWinHght-((!Nav4)?parseInt(FrstCntnr.style.height):FrstCntnr.clip.height);
StartTop=M_StrtTp;
StartTop+=(MenuVerticalCentered=='bottom')?Size:Size/2}}

function PosMenu(CntnrPntr,Tp,Lt){ // Positions menu elements
var Topi,Lefti,Hori;
var Cntnr=CntnrPntr;
var Mmbr=Cntnr.FrstMbr;
var CntnrStyle=(!Nav4)?Cntnr.style:Cntnr;
var MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;
var PadL=(Mmbr.value.indexOf('<')==-1)?LftXtra:0;
var PadT=(Mmbr.value.indexOf('<')==-1)?TpXtra:0;
var MmbrWt=(!Nav4)?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
var MmbrHt=(!Nav4)?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
var CntnrWt=(!Nav4)?parseInt(CntnrStyle.width):CntnrStyle.clip.width;
var CntnrHt=(!Nav4)?parseInt(CntnrStyle.height):CntnrStyle.clip.height;
var SubTp,SubLt;
RcrsLvl++;
if (RcrsLvl==1 && AcrssFrms)(!MenuFramesVertical)?Tp=FrstWinHght-CntnrHt+((Nav4)?4:0):Lt=(RightToLeft)?0:FrstWinWdth-CntnrWt+((Nav4)?4:0);
if (RcrsLvl==2 && AcrssFrms)(!MenuFramesVertical)?Tp=0:Lt=(RightToLeft)?ScWinWdth-CntnrWt:0;
if (RcrsLvl==2 && AcrssFrms){Tp+=VerCorrect;Lt+=HorCorrect}
CntnrStyle.top=(RcrsLvl==1)?Tp:0;Cntnr.OrgTop=Tp;
CntnrStyle.left=(RcrsLvl==1)?Lt:0; Cntnr.OrgLeft=Lt;
if (RcrsLvl==1 && FirstLineHorizontal){Hori=1; Lefti=CntnrWt-MmbrWt-2*BorderWidth;Topi=0}
else{Hori=Lefti=0; Topi=CntnrHt-MmbrHt-2*BorderWidth}
while(Mmbr!=null){
PadL=(Mmbr.value.indexOf('<')==-1)?LftXtra:0;
PadT=(Mmbr.value.indexOf('<')==-1)?TpXtra:0;
MmbrStyle.left=Lefti+BorderWidth;
MmbrStyle.top=Topi+BorderWidth;
if(Nav4)Mmbr.CmdLyr.moveTo(Lefti+BorderWidth,Topi+BorderWidth);
if(Mmbr.ChildCntnr){
if(RightToLeft)ChldCntnrWdth=(Nav4)?Mmbr.ChildCntnr.clip.width:parseInt(Mmbr.ChildCntnr.style.width);
if(Hori){ SubTp=Topi+MmbrHt+2*BorderWidth;
SubLt=(RightToLeft)?Lefti+MmbrWt-ChldCntnrWdth:Lefti}
else{ SubLt=(RightToLeft)?Lefti-ChldCntnrWdth+ChildOverlap*MmbrWt+BorderWidth:Lefti+(1-ChildOverlap)*MmbrWt+BorderWidth;
SubTp=(RcrsLvl==1&&AcrssFrms)?Topi:Topi+ChildVerticalOverlap*MmbrHt}
PosMenu(Mmbr.ChildCntnr,SubTp,SubLt)}
Mmbr=Mmbr.PrvMbr;
if(Mmbr){ MmbrStyle=(!Nav4)?Mmbr.style:Mmbr;
MmbrWt=(!Nav4)?parseInt(MmbrStyle.width)+PadL:MmbrStyle.clip.width;
MmbrHt=(!Nav4)?parseInt(MmbrStyle.height)+PadT:MmbrStyle.clip.height;
(Hori)?Lefti-=(BorderBtwnElmnts)?(MmbrWt+BorderWidth):(MmbrWt):Topi-=(BorderBtwnElmnts)?(MmbrHt+BorderWidth):(MmbrHt)}}
RcrsLvl--}

function Initiate(){ // Resets menu's visiblity
if(IniFlg){Init(FrstCntnr);IniFlg=0;if(ShwFlg)AfterCloseAll();ShwFlg=0}}

function Init(CntnrPntr){
var Mmbr=CntnrPntr.FrstMbr;
var MCStyle=(Nav4)?CntnrPntr:CntnrPntr.style;
RcrsLvl++;
MCStyle.visibility=(RcrsLvl==1)?M_Show:M_Hide;
CntnrPntr.Sflg=(RcrsLvl==1)?1:0;
while(Mmbr!=null){
if(Mmbr.ChildCntnr) Init(Mmbr.ChildCntnr);
Mmbr=Mmbr.PrvMbr}
RcrsLvl--}

function ClearAllChilds(Pntr,ChldPntr){ // Hides no longer wanted elements
var CPCCStyle;
while (Pntr){
if(Pntr.ChildCntnr&&Pntr.ChildCntnr.Sflg){
CPCCStyle=(Nav4)?Pntr.ChildCntnr:Pntr.ChildCntnr.style;
if(Pntr.ChildCntnr!=ChldPntr){CPCCStyle.visibility=M_Hide;Pntr.ChildCntnr.Sflg=0}
ClearAllChilds(Pntr.ChildCntnr.FrstMbr,ChldPntr)}
Pntr=Pntr.PrvMbr}}

function GoTo(){ // Triggered by mouse click
if(this.LinkTxt){
status='';
if(Nav4){if(this.LowLyr.LoBck)this.LowLyr.bgColor=this.LowLyr.LoBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.value);this.LowLyr.document.close()}}
else{if(this.LoBck)this.style.backgroundColor=this.LoBck; if(this.LwFntClr)this.style.color=this.LwFntClr}
(this.LinkTxt.indexOf('javascript:')!=-1)?eval(this.LinkTxt):DcLoc.location.href=this.LinkTxt}}

function OpenMenu(){ // Triggered by mouse over
if(!Loadd||!Creatd) return;
var TpScrlld=(ExpYes)?ScLoc.document.body.scrollTop:ScLoc.pageYOffset;
var LScrlld=(ExpYes)?ScLoc.document.body.scrollLeft:ScLoc.pageXOffset;
var CCnt=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr;
var ThisHt=(Nav4)?this.clip.height:parseInt(this.style.height);
var ThisWt=(Nav4)?this.clip.width:parseInt(this.style.width);
var ThisLft=(AcrssFrms&&this.Level==1&&!FirstLineHorizontal)?0:(Nav4)?this.Container.left:parseInt(this.Container.style.left);
var ThisTp=(AcrssFrms&&this.Level==1&&FirstLineHorizontal)?0:(Nav4)?this.Container.top:parseInt(this.Container.style.top);
var CRoll=(Nav4)?this.LowLyr.ro:this.ro;
CurrntOvr=this; IniFlg=0;
ClearAllChilds(this.Container.FrstMbr,CCnt);
if(CRoll){ if(Nav4)this.LowLyr.document.images[this.LowLyr.rid].src=this.LowLyr.ri2;
else {var Lc=(this.Level==1)?FrstLoc:ScLoc;Lc.document.images[this.rid].src=this.ri2}}
else{ if(Nav4){if(this.LowLyr.HiBck)this.LowLyr.bgColor=this.LowLyr.HiBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.Ovalue);this.LowLyr.document.close()}}
else{if(this.HiBck)this.style.backgroundColor=this.HiBck;if(this.HiFntClr)this.style.color=this.HiFntClr}}
if(CCnt!=null){
if(!ShwFlg){ShwFlg=1;BeforeFirstOpen()}
CCnt.Sflg=1;
var CCW=(Nav4)?this.LowLyr.ChildCntnr.clip.width:parseInt(this.ChildCntnr.style.width);
var CCH=(Nav4)?this.LowLyr.ChildCntnr.clip.height:parseInt(this.ChildCntnr.style.height);
var ChCntTL=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr.style;
var SubLt=(AcrssFrms&&this.Level==1)?CCnt.OrgLeft+ThisLft+LScrlld:CCnt.OrgLeft+ThisLft;
var SubTp=(AcrssFrms&&this.Level==1)?CCnt.OrgTop+ThisTp+TpScrlld:CCnt.OrgTop+ThisTp;
if(MenuWrap){
if(RightToLeft){if(SubLt<LScrlld)SubLt=(this.Level==1)?LScrlld:SubLt+(CCW+(1-2*ChildOverlap)*ThisWt);
if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=ScWinWdth+LScrlld-CCW}
else{ if(SubLt+CCW>ScWinWdth+LScrlld)SubLt=(this.Level==1)?ScWinWdth+LScrlld-CCW:SubLt-(CCW+(1-2*ChildOverlap)*ThisWt);
if(SubLt<LScrlld)SubLt=LScrlld}
if(SubTp+CCH>TpScrlld+ScWinHght)SubTp=(this.Level==1)?SubTp=TpScrlld+ScWinHght-CCH:SubTp-CCH+(1-2*ChildVerticalOverlap)*ThisHt;
if(SubTp<TpScrlld)SubTp=TpScrlld}
ChCntTL.top=SubTp;ChCntTL.left=SubLt;ChCntTL.visibility=M_Show}
status=this.LinkTxt}

function OpenMenuClick(){ // Triggered by mouse over
if(!Loadd||!Creatd) return;
var CCnt=(Nav4)?this.LowLyr.ChildCntnr:this.ChildCntnr;
var CRoll=(Nav4)?this.LowLyr.ro:this.ro;
CurrntOvr=this; IniFlg=0;
ClearAllChilds(this.Container.FrstMbr,CCnt);
if(CRoll){ if(Nav4)this.LowLyr.document.images[this.LowLyr.rid].src=this.LowLyr.ri2;
else {var Lc=(this.Level==1)?FrstLoc:ScLoc;Lc.document.images[this.rid].src=this.ri2}}
else{ if(Nav4){if(this.LowLyr.HiBck)this.LowLyr.bgColor=this.LowLyr.HiBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.Ovalue);this.LowLyr.document.close()}}
else{if(this.HiBck)this.style.backgroundColor=this.HiBck;if(this.HiFntClr)this.style.color=this.HiFntClr}}
status=this.LinkTxt}

function CloseMenu(){ // Triggered by mouse out
if(!Loadd||!Creatd) return;
var CRoll=(Nav4)?this.LowLyr.ro:this.ro;
if(CRoll){ if(Nav4)this.LowLyr.document.images[this.LowLyr.rid].src=this.LowLyr.ri1;
else {var Lc=(this.Level==1)?FrstLoc:ScLoc;Lc.document.images[this.rid].src=this.ri1}}
else{ if(Nav4){if(this.LowLyr.LoBck)this.LowLyr.bgColor=this.LowLyr.LoBck;if(this.LowLyr.value.indexOf('<img')==-1){this.LowLyr.document.write(this.LowLyr.value);this.LowLyr.document.close()}}
else{if(this.LoBck)this.style.backgroundColor=this.LoBck;if(this.LwFntClr)this.style.color=this.LwFntClr}}
status='';
if(this==CurrntOvr){IniFlg=1;if (CloseTmr) clearTimeout(CloseTmr);CloseTmr=setTimeout('Initiate(CurrntOvr)',DissapearDelay)}}

function CntnrSetUp(Wdth,Hght,NoOff){ // Sets up layer that holds group of elements
var x=(RcrsLvl==1)?BorderColor:BorderSubColor;
this.FrstMbr=null;
this.OrgLeft=this.OrgTop=0;
this.Sflg=0;
if(x)this.bgColor=x;
if(Nav4){this.visibility='hide';this.resizeTo(Wdth,Hght)}
else{if(x)this.style.backgroundColor=x;
this.style.width=Wdth;
this.style.height=Hght;
this.style.fontFamily=FontFamily;
this.style.fontWeight=(FontBold)?'bold':'normal';
this.style.fontStyle=(FontItalic)?'italic':'normal';
this.style.fontSize=FontSize+'pt';
this.style.zIndex=RcrsLvl+Ztop}}

function MbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){ // Sets up element IE & NS6
var Location=(RcrsLvl==1)?FrstLoc:ScLoc;
var MemVal=eval(WhatMenu+'[0]');
var t,T,L,W,H,S;
var a,b,c,d;
this.PrvMbr=PrMmbr;
this.Level=RcrsLvl;
this.LinkTxt=eval(WhatMenu+'[1]');
this.Container=MmbrCntnr;
this.ChildCntnr=null;
this.style.overflow='hidden';
this.style.cursor=(ExpYes&&(this.LinkTxt||(RcrsLvl==1&&UnfoldsOnClick)))?'hand':'default';
this.ro=0;
if(MemVal.indexOf('rollover')!=-1){
this.ro=1;this.ri1=MemVal.substring(MemVal.indexOf(':')+1,MemVal.lastIndexOf(':'));
this.ri2=MemVal.substring(MemVal.lastIndexOf(':')+1,MemVal.length);
this.rid=WhatMenu+'i';MemVal="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
this.value=MemVal;
if(RcrsLvl==1){a=LowBgColor; b=HighBgColor; c=FontLowColor; d=FontHighColor}
else {a=LowSubBgColor; b=HighSubBgColor; c=FontSubLowColor; d=FontSubHighColor}
this.LoBck=a;
this.LwFntClr=c;
this.HiBck=b;
this.HiFntClr=d;
this.style.color=this.LwFntClr;
if(this.LoBck)this.style.backgroundColor=this.LoBck;
this.style.textAlign=MenuTextCentered;
if(eval(WhatMenu+'[2]'))this.style.backgroundImage="url(\'"+eval(WhatMenu+'[2]')+"\')";
if(MemVal.indexOf('<')==-1){this.style.width=Wdth-LftXtra;this.style.height=Hght-TpXtra;
this.style.paddingLeft=LeftPaddng;this.style.paddingTop=TopPaddng}
else{ this.style.width=Wdth; this.style.height=Hght}
if(MemVal.indexOf('<')==-1&&DomYes){t=Location.document.createTextNode(MemVal);this.appendChild(t)}
else this.innerHTML=MemVal;
if(eval(WhatMenu+'[3]')){
S=(RcrsLvl==1&&FirstLineHorizontal)?'tridown.gif':(RightToLeft)?'trileft.gif':'tri.gif';
W=(RcrsLvl==1&&FirstLineHorizontal)?10:5;
H=(RcrsLvl==1&&FirstLineHorizontal)?5:10;
T=(RcrsLvl==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;
L=(RcrsLvl==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;
if(DomYes){t=Location.document.createElement('img'); this.appendChild(t); t.style.position='absolute'; t.src=S; t.style.width=W; t.style.height=H; t.style.top=T; t.style.left=L}
else{MemVal+="<div style='position:absolute; top:"+T+"; left:"+L+"; width:"+W+"; height:"+H+";visibility:inherit'><img src='"+S+"'></div>"; this.innerHTML=MemVal}}
if(ExpYes){
this.onmouseover=(RcrsLvl==1&&UnfoldsOnClick)?OpenMenuClick:OpenMenu;
this.onmouseout=CloseMenu;
this.onclick=(RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]'))?OpenMenu:GoTo}
else{
(RcrsLvl==1&&UnfoldsOnClick)?this.addEventListener('mouseover',OpenMenuClick,false):this.addEventListener('mouseover',OpenMenu,false);
this.addEventListener('mouseout',CloseMenu,false);
(RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]'))?this.addEventListener('click',OpenMenu,false):this.addEventListener('click',GoTo,false)}}

function NavMbrSetUp(MmbrCntnr,PrMmbr,WhatMenu,Wdth,Hght){ // Sets up element IE & NS6
var a,b,c,d;
if(RcrsLvl==1){a=LowBgColor; b=HighBgColor; c=FontLowColor; d=FontHighColor}
else {a=LowSubBgColor; b=HighSubBgColor; c=FontSubLowColor; d=FontSubHighColor}
this.value=eval(WhatMenu+'[0]');
this.ro=0;
if(this.value.indexOf('rollover')!=-1){
this.ro=1;this.ri1=this.value.substring(this.value.indexOf(':')+1,this.value.lastIndexOf(':'));
this.ri2=this.value.substring(this.value.lastIndexOf(':')+1,this.value.length);
this.rid=WhatMenu+'i';this.value="<img src='"+this.ri1+"' name='"+this.rid+"'>"}
if(LeftPaddng&&this.value.indexOf('<')==-1&&MenuTextCentered=='left')this.value=' \;'+this.value;
if(FontBold)this.value=this.value.bold();
if(FontItalic)this.value=this.value.italics();
this.Ovalue=this.value;
this.value=this.value.fontcolor(c);
this.Ovalue=this.Ovalue.fontcolor(d);
this.value=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.value+TxtClose;
this.Ovalue=CntrTxt+"<font face='"+FontFamily+"' point-size='"+FontSize+"'>"+this.Ovalue+TxtClose;
this.LoBck=a;
this.HiBck=b;
this.ChildCntnr=null;
this.PrvMbr=PrMmbr;
this.visibility='inherit';
if(this.LoBck)this.bgColor=this.LoBck;
this.resizeTo(Wdth,Hght);
if(!AcrssFrms&&eval(WhatMenu+'[2]'))this.background.src=eval(WhatMenu+'[2]');
this.document.write(this.value);
this.document.close();
this.CmdLyr=new Layer(Wdth,MmbrCntnr);
this.CmdLyr.Level=RcrsLvl;
this.CmdLyr.LinkTxt=eval(WhatMenu+'[1]');
this.CmdLyr.visibility='inherit';
this.CmdLyr.onmouseover=(RcrsLvl==1&&UnfoldsOnClick)?OpenMenuClick:OpenMenu;
this.CmdLyr.onmouseout=CloseMenu;
this.CmdLyr.captureEvents(Event.MOUSEUP);
this.CmdLyr.onmouseup=(RcrsLvl==1&&UnfoldsOnClick&&eval(WhatMenu+'[3]'))?OpenMenu:GoTo;
this.CmdLyr.LowLyr=this;
this.CmdLyr.resizeTo(Wdth,Hght);
this.CmdLyr.Container=MmbrCntnr;
if(eval(WhatMenu+'[3]')){
this.CmdLyr.ImgLyr=new Layer(10,this.CmdLyr);
this.CmdLyr.ImgLyr.visibility='inherit';
this.CmdLyr.ImgLyr.top=(RcrsLvl==1&&FirstLineHorizontal)?Hght-7:Hght/2-5;
this.CmdLyr.ImgLyr.left=(RcrsLvl==1&&FirstLineHorizontal)?Wdth-12:Wdth-7;
this.CmdLyr.ImgLyr.width=(RcrsLvl==1&&FirstLineHorizontal)?10:5;
this.CmdLyr.ImgLyr.height=(RcrsLvl==1&&FirstLineHorizontal)?5:10;
ImgStr=(RcrsLvl==1&&FirstLineHorizontal)?"<img src='tridown.gif'>":(RightToLeft)?"<img src='trileft.gif'>":"<img src='tri.gif'>";
this.CmdLyr.ImgLyr.document.write(ImgStr);
this.CmdLyr.ImgLyr.document.close()}}

function CreateMenuStructure(MName,NumberOf){
RcrsLvl++;
var i,NoOffSubs,Mbr,Wdth=0,Hght=0;
var PrvMmbr=null;
var WMnu=MName+'1';
var MenuWidth=eval(WMnu+'[5]');
var MenuHeight=eval(WMnu+'[4]');
var Location=(RcrsLvl==1)?FrstLoc:ScLoc;
if (RcrsLvl==1&&FirstLineHorizontal){
for(i=1;i<NumberOf+1;i++){WMnu=MName+eval(i);Wdth=(eval(WMnu+'[5]'))?Wdth+eval(WMnu+'[5]'):Wdth+MenuWidth}
Wdth=(BorderBtwnElmnts)?Wdth+(NumberOf+1)*BorderWidth:Wdth+2*BorderWidth;Hght=MenuHeight+2*BorderWidth}
else{ for(i=1;i<NumberOf+1;i++){WMnu=MName+eval(i);Hght=(eval(WMnu+'[4]'))?Hght+eval(WMnu+'[4]'):Hght+MenuHeight}
Hght=(BorderBtwnElmnts)?Hght+(NumberOf+1)*BorderWidth:Hght+2*BorderWidth;Wdth=MenuWidth+2*BorderWidth}
if(DomYes){
var MmbrCntnr=Location.document.createElement("div");
MmbrCntnr.style.position='absolute';
MmbrCntnr.style.visibility='hidden';
Location.document.body.appendChild(MmbrCntnr)}
else if(Nav4) var MmbrCntnr=new Layer(Wdth,Location)
else{ WMnu+='c';
Location.document.body.insertAdjacentHTML("AfterBegin","<div id='"+WMnu+"' style='visibility:hidden; position:absolute;'><\/div>");
var MmbrCntnr=Location.document.all[WMnu]}
MmbrCntnr.SetUp=CntnrSetUp;
MmbrCntnr.SetUp(Wdth,Hght,NumberOf);
if(Exp4){ MmbrCntnr.InnerString='';
for(i=1;i<NumberOf+1;i++){
WMnu=MName+eval(i);
MmbrCntnr.InnerString+="<div id='"+WMnu+"' style='position:absolute;'><\/div>"}
MmbrCntnr.innerHTML=MmbrCntnr.InnerString}
for(i=1;i<NumberOf+1;i++){
WMnu=MName+eval(i);
NoOffSubs=eval(WMnu+'[3]');
Wdth=(RcrsLvl==1&&FirstLineHorizontal)?(eval(WMnu+'[5]'))?eval(WMnu+'[5]'):MenuWidth:MenuWidth;
Hght=(RcrsLvl==1&&FirstLineHorizontal)?MenuHeight:(eval(WMnu+'[4]'))?eval(WMnu+'[4]'):MenuHeight;
if(DomYes){Mbr=Location.document.createElement("div");
Mbr.style.position='absolute';
Mbr.style.visibility='inherit';
MmbrCntnr.appendChild(Mbr)}
else Mbr=(Nav4)?new Layer(Wdth,MmbrCntnr):Location.document.all[WMnu];
Mbr.SetUp=(Nav4)?NavMbrSetUp:MbrSetUp;
Mbr.SetUp(MmbrCntnr,PrvMmbr,WMnu,Wdth,Hght);
if(NoOffSubs) Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
PrvMmbr=Mbr}
MmbrCntnr.FrstMbr=Mbr;
RcrsLvl--;
return(MmbrCntnr)}

function CreateMenuStructureAgain(MName,NumberOf){
var i,WMnu,NoOffSubs;
var PrvMmbr,Mbr=FrstCntnr.FrstMbr;
RcrsLvl++;
for(i=NumberOf;i>0;i--){
WMnu=MName+eval(i);
NoOffSubs=eval(WMnu+'[3]');
PrvMmbr=Mbr;
if(NoOffSubs)Mbr.ChildCntnr=CreateMenuStructure(WMnu+'_',NoOffSubs);
Mbr=Mbr.PrvMbr}
RcrsLvl--}
</SCRIPT>
</TD></TR>
<TR>
<TD vAlign=top bgColor=#fffbf0
height=423> </TD></TR></TBODY></TABLE></BODY></HTML>
lundi 24 janvier 2005 à 17:03:48 | Re : recherche aide

catmc

Membre Club
Merci Bastienal,
votre aide m'ai d'un grand secours.
Si je peux me permetre d'abuser de vos compétances, j'aimerais savoir comment ont obtiens le débordement d'une Frame avec ce menu.
Je mexplique, j'ai une bande sur la gauche (frame je crois) ou se trouve ce code et sur la droite (MainFrame) les pages à afficher mais le menu déroulant ne veux pas sortir de la frame de gauche et se trouve tout écrasé.
J'ai l'impression que l'on ne peut pas le mettre dans une Frame.
Je suis désolé de poster une question aussi bète mais je débute et n'ai pas lu ce qu'il fallait.
Merci d'une éventuelle réponse.


respectueusement Marc


Cette discussion est classée dans : aide, recherche, simple, rubriques, survol


Répondre à ce message

Sujets en rapport avec ce message

afficher un layer sur un survol de la souris ??? a l'aide [ par xzonz ] Salut tout le monde ..... j'espère qu tout va bien voila , ce que je voudrais faire c'est :sur un survol de souris au dessus d'un lien , je voudrais a Besoin d'aide pour un truc simple... [ par VBbigineure ] Salut tt le monde, ce que je veux faire est simple, mais je ne trouve pas...Une page HTML avec un bouton.Je souhaite lancer la procédure du clic sur c OnMouseOver???? urgent besoin d'aide [ par vince_ballad ] bonjour je suis debutant, je voudrais faire un truc tres simplej'ai une image, et lorsque je passe dessus avec le curseur je vourdais qu'elle soit rem Méthode simple pour récupérer les valeurs d'un formulaire qui a été validé 2 pages avant. [ par Stass ] Salut à tous,Voici mon problème qui ne dois pas etre tres compliqué : Déja faut savoir que c'est pas moi qui ai fait le site intranet alors je dois pl Aide pour une fonction simple [ par nagrom_om ] bonjour,J'ai une selectBox ("utilisateur")dans laquelle j'ai un champs "choisir utilisateur" qui a comme nom "#"(c'est le champs sélectionné par défau [Aide] Je recherche un script.... [ par yoann91 ] Bonjour, je suis débutant en Javascript et voila quelques jours que je cherche un script. Voila, je voudrais permettre à mes visiteurs d'écrire librem recherche menu déroulant simple... [ par madmax52 ] bonjour a tous, Je ne sais vraiment pas trop ou posté, donc peut être que le sujet doit être déplacer... Je recherche un menu vertical très simple Besoin d'aide pour une prob javascript très simple ! [ par hellworld ] Bonjour, J'ai trouvé un bout de code permettant de changer de photo sans recharger la page en cliquant sur une miniature. Voici un lien sur un exemp Recherche pistes d'aide pour créer un menu [ par nico1214 ] Bonjour,Je cherche à faire un menu sur le même principe que sur ce site : un mouseover sur un lien qui ouvre une fenêtre contenant un formulaire.Je sa Problème de Bouton survol !!! [ par vernoff ] Salut, après avoir fini ma page internet avec tous les scripts, je me suis aperçu que mes boutons lorsque je les ai survolés ne marchaient pas, ils ét


Nos sponsors


Sondage...

Comparez les prix

CalendriCode

Mai 2012
LMMJVSD
 123456
78910111213
14151617181920
21222324252627
28293031   

Consulter la suite du CalendriCode

Photothèque

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 : 1,014 sec (3)

Nous contacter | Annoncer sur CodeS-SourceS | Mentions légales