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

Archive Javascript

 > 

Archives

 > 

AU SECOURS !!!

 > 

Navigateur et menu vertical


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

Navigateur et menu vertical

lundi 15 août 2005 à 14:49:41 | Navigateur et menu vertical

ddoune

bonjour j ai trouve un  petit script sur Internet (merci au createur) qui affiche un lien pour un menu deroulant vertical en haut de ma page. Normalement ce lien est suppose rester en haut de la page meme lorsque l on descend dans la page masi cela ne marche pas avec tt les versions d IE.
Mai mon plus gros probleme est que le menu ne s affiche pas du tout avec Mozilla. Impossible d ouvrir le meu en clickant sur l'image. Si quelqu un pouvez m aider. Suis une grande debutante en java script et ne sait pas du tout pourquoi

merci beaucoup

voici le script

<style type="text/css">
<!--

#master  {position:absolute; width: 200px; top: 10px; left: -150px; z-index:2; visibility:visible;}
#menu   {position:absolute; width: 18px; top: 0px; left: 150px; z-index:5; visibility:visible;}
#top   {position:absolute; width: 150px; top: 0px; left: 0px; z-index:5; visibility:visible;}
#screen  {position:absolute; width: 150px; top: 6px; left: 0px; z-index:5; visibility:visible;}
#screenlinks {position:absolute; width: 150px; top: 6px; left: 0px; z-index:5; visibility:visible;}

-->
</style>
<style type="text/css">
<!--

.NavJump {font-family: arial; font-size: 12pt; color: #015B92; text-decoration: none;}
a:link.NavJump {color : #015B92;}
a:visited.NavJump {color : #015B92;}
a:active.NavJump {text-decoration: none; color: #D2EEFF;}
a:hover.NavJump {text-decoration: none; color: #D2EEFF;}

-->
</style>
<script language = "javascript">
<!--

var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0

if(ie){
document.write('<style type="text/css">')
document.write("#screen {filter:Alpha(Opacity=30);}")
document.write("</style>")
}

if(ns){
document.write('<style type="text/css">')
document.write("#master {clip:rect(0,150,250,0);}")
document.write("</style>")
}

//-->
</script>
<script language = "javascript">
<!--


var ie = document.all ? 1 : 0
var ns = document.layers ? 1 : 0


var master = new Object("element")
master.curLeft = -150; master.curTop = 10;
master.gapLeft = 0;  master.gapTop = 0;
master.timer = null;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
clearTimeout(eval(layerName).timer)

if(eval(layerName).curLeft != fromLeft){
     if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.all[layerName].style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}

if(eval(layerName).curTop != fromTop){
     if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.all[layerName].style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}


eval(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed){
eval(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
eval(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed

moveAlong(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}


var expandState = 0

function expand(){
if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "menub.gif"}; expandState = 1;}
else{setPace("master", -150, 10, 10); if(ie){document.menutop.src = "menu.gif"}; expandState = 0;}
}


//-->
</script>

<div id="master">

<div id="menu">
<table border="0" width="18" cellspacing="0" cellpadding="0">
<tr><td width="100%"><a href="javascript:expand()" onfocus="this.blur()"><img name="menutop" border="0" src="menu.gif" width="22" height="90"></a></td></tr>
</table>
</div>


<div id="top">
<table border="0" width="150" cellspacing="0" cellpadding="0">
<tr><td width="100%"><img border="0" src="top.gif" width="150" height="6"></td></tr>
</table>

</div>


<div id="screen">
<table border="0" width="150" cellspacing="0" cellpadding="5">
<tr><td width="100%" bgcolor="#015B92">

<table border="0" width="100%" bgcolor="#015B92" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="5">
<tr><td width="100%" bgcolor="#FFFFFF">


<font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font>


</td></tr>
</table>

</td></tr>
</table>

</td></tr>
</table>
</div>

<div id="screenlinks">
<table border="0" width="150" cellspacing="0" cellpadding="5">
<tr><td width="100%">

<table border="0" width="100%" bgcolor="#015B92" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="5">
<tr><td width="100%" bgcolor="#FFFFFF">

<a href="../index.htm" class="NavJump" target="_parent"><b>- Presentation</b></a><br>
<a href="../index.htm#Objective" class="NavJump" target="_parent"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Objective</b></a><br>
<a href="../index.htm#Prerequite" class="NavJump" target="_parent"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Prerequisite</b></a><br>

<a href="indexTheorist.htm#LSOrigin" class="NavJump" ><b>- LS Origin</b></a><br>
<a href="indexTheorist.htm#LSModels" class="NavJump" ><b>- LS Models</b></a><br>
<a href="indexTheorist.htm#mainModels" class="NavJump"><b>- Main models</b></a><br>
<a href="indexTheorist.htm#Kolb" class="NavJump"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kolb's model</b></a><br>
<a href="indexTheorist.htm#HM" class="NavJump"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;H&M's model</b></a><br>
<a href="indexTheorist.htm#exemples" class="NavJump"><b>- Examples</b></a><br>

<a href="Evaluation.php" class="NavJump" target="_parent"><b> - Evaluation</b></a><br>
<a href="FReading.htm" class="NavJump" target="_parent"><b>- Further Read</b></a><br>


</td></tr>
</table>

</td></tr>
</table>

</td></tr>
</table>
</div>

</div>

<script language = "javascript">
<!--


if(ie){var sidemenu = document.all.master;}
if(ns){var sidemenu = document.master;}

function FixY(){
if(ie){sidemenu.style.top = document.body.scrollTop+10}
if(ns){sidemenu.top = window.pageYOffset+10}
}


setInterval("FixY()",100);

//-->
</script>

mardi 16 août 2005 à 00:27:29 | Re : Navigateur et menu vertical

GhislainLavoie

Réponse acceptée !
Salut!

J'ai fait quelques modification pour qu'il soit compatible FF et les plus récent navigateur.

A+, Ghislain

<style type="text/css">
<!--

#
master {position:absolute; width: 200px; top: 10px; left: -150px; z-index:2; visibility:visible;}
#
menu {position:absolute; width: 18px; top: 0px; left: 150px; z-index:5; visibility:visible;}
#
top {position:absolute; width: 150px; top: 0px; left: 0px; z-index:5; visibility:visible;}
#
screen {position:absolute; width: 150px; top: 6px; left: 0px; z-index:5; visibility:visible;}
#
screenlinks {position:absolute; width: 150px; top: 6px; left: 0px; z-index:5; visibility:visible;}

-->
</style>
<style type="text/css">
<!--

.NavJump {font-family: arial; font-size: 12pt; color: #015B92; text-decoration: none;}
a:link.NavJump {color : #015B92;}
a:visited.NavJump {color : #015B92;}
a:active.NavJump {text-decoration: none; color: #D2EEFF;}
a:hover.NavJump {text-decoration: none; color: #D2EEFF;}

-->
</style>
<script language = "javascript">
<!--

var ie = document.getElementById ? 1 : 0
var ns = document.layers ? 1 : 0

if(ie){
document
.write('<style type="text/css">')
document
.write("#screen {filter:Alpha(Opacity=30);}")
document
.write("</style>")
}

if(ns){
document
.write('<style type="text/css">')
document
.write("#master {clip:rect(0,150,250,0);}")
document
.write("</style>")
}

//-->
</script>
<script language = "javascript">
<!--


var ie = document.getElementById ? 1 : 0
var ns = document.layers ? 1 : 0


var master = new Object("element")
master
.curLeft = -150; master.curTop = 10;
master
.gapLeft = 0; master.gapTop = 0;
master
.timer = null;

function moveAlong(layerName, paceLeft, paceTop, fromLeft, fromTop){
clearTimeout
(eval(layerName).timer)

if(eval(layerName).curLeft != fromLeft){
if((Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft)) < paceLeft){eval(layerName).curLeft = fromLeft}
else if(eval(layerName).curLeft < fromLeft){eval(layerName).curLeft = eval(layerName).curLeft + paceLeft}
else if(eval(layerName).curLeft > fromLeft){eval(layerName).curLeft = eval(layerName).curLeft - paceLeft}
if(ie){document.getElementById(layerName).style.left = eval(layerName).curLeft}
if(ns){document[layerName].left = eval(layerName).curLeft}
}

if(eval(layerName).curTop != fromTop){
if((Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop)) < paceTop){eval(layerName).curTop = fromTop}
else if(eval(layerName).curTop < fromTop){eval(layerName).curTop = eval(layerName).curTop + paceTop}
else if(eval(layerName).curTop > fromTop){eval(layerName).curTop = eval(layerName).curTop - paceTop}
if(ie){document.getElementById(layerName).style.top = eval(layerName).curTop}
if(ns){document[layerName].top = eval(layerName).curTop}
}


eval
(layerName).timer=setTimeout('moveAlong("'+layerName+'",'+paceLeft+','+paceTop+','+fromLeft+','+fromTop+')',30)
}

function setPace(layerName, fromLeft, fromTop, motionSpeed){
eval
(layerName).gapLeft = (Math.max(eval(layerName).curLeft, fromLeft) - Math.min(eval(layerName).curLeft, fromLeft))/motionSpeed
eval
(layerName).gapTop = (Math.max(eval(layerName).curTop, fromTop) - Math.min(eval(layerName).curTop, fromTop))/motionSpeed

moveAlong
(layerName, eval(layerName).gapLeft, eval(layerName).gapTop, fromLeft, fromTop)
}


var expandState = 0

function expand(){
if(expandState == 0){setPace("master", 0, 10, 10); if(ie){document.menutop.src = "menub.gif"}; expandState = 1;}
else{setPace("master", -150, 10, 10); if(ie){document.menutop.src = "menu.gif"}; expandState = 0;}
}


//-->
</script>

<div id=
"master">

<div id=
"menu">
<table border="0" width="18" cellspacing="0" cellpadding="0">
<tr><td width="100%"><a href="javascript:expand()" onfocus="this.blur()"><img name="menutop" border="0" src="menu.gif" width="22" height="90"></a></td></tr>
</table>
</div>


<div id=
"top">
<table border="0" width="150" cellspacing="0" cellpadding="0">
<tr><td width="100%"><img border="0" src="top.gif" width="150" height="6"></td></tr>
</table>

</div>


<div id=
"screen">
<table border="0" width="150" cellspacing="0" cellpadding="5">
<tr><td width="100%" bgcolor="#015B92">

<table border="0" width="100%" bgcolor="#015B92" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="5">
<tr><td width="100%" bgcolor="#FFFFFF">


<font class=
"NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font><font class="NavJump"><br></font>


</td></tr>
</table>

</td></tr>
</table>

</td></tr>
</table>
</div>

<div id=
"screenlinks">
<table border="0" width="150" cellspacing="0" cellpadding="5">
<tr><td width="100%">

<table border="0" width="100%" bgcolor="#015B92" cellspacing="0" cellpadding="0">
<tr><td width="100%">

<table border="0" width="100%" cellspacing="1" cellpadding="5">
<tr><td width="100%" bgcolor="#FFFFFF">

<a href="../index.htm" class="NavJump" target="_parent"><b>- Presentation</b></a><br>
<a href="../index.htm#Objective" class="NavJump" target="_parent"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Objective</b></a><br>
<a href="../index.htm#Prerequite" class="NavJump" target="_parent"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Prerequisite</b></a><br>

<a href="indexTheorist.htm#LSOrigin" class="NavJump" ><b>- LS Origin</b></a><br>
<a href="indexTheorist.htm#LSModels" class="NavJump" ><b>- LS Models</b></a><br>
<a href="indexTheorist.htm#mainModels" class="NavJump"><b>- Main models</b></a><br>
<a href="indexTheorist.htm#Kolb" class="NavJump"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Kolb's model</b></a><br>
<a href="indexTheorist.htm#HM" class="NavJump"><b>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;H&M's model</b></a><br>
<a href="indexTheorist.htm#exemples" class="NavJump"><b>- Examples</b></a><br>

<a href="Evaluation.php" class="NavJump" target="_parent"><b> - Evaluation</b></a><br>
<a href="FReading.htm" class="NavJump" target="_parent"><b>- Further Read</b></a><br>


</td></tr>
</table>

</td></tr>
</table>

</td></tr>
</table>
</div>

</div>

<script language = "javascript">
<!--


if(ie){var sidemenu = document.getElementById("master");}
if(ns){var sidemenu = document.master;}

function FixY(){
if(ie){sidemenu.style.top = document.body.scrollTop+10}
if(ns){sidemenu.top = window.pageYOffset+10}
}


setInterval
("FixY()",100);

//-->
</script>



vendredi 19 août 2005 à 15:58:35 | Re : Navigateur et menu vertical

ddoune

Merci beaucoup

ca marche super bien


Cette discussion est classée dans : document, nbsp, master, eval, layername


Répondre à ce message

Sujets en rapport avec ce message

Problème d'inscription ! [ par roxor666 ] Svp je voudrais avoir un script, je sais qu'il existe mais je ne le trouve plus.LE but est que quand un gars s'inscrit sur mon site je recoit le pass script a modifier. Je suis pas capable de le faire [ par pusse ] Salut à tous. J'ai recuperer sur le net un script de menu defilant horizontalement. Tout marche tres bien sauf  que je rencontre un petit probleme. Qu A l'aide rollover image [ par zizou94 ] Bonsoir à tousJe fait appel à toute la communauté pour m'aider.voila monsouci. je n ai mais alors jamais programmé en javascript et j'essaie de me déb J'ai une migraine enorme!!! [ par malhivertman1 ] Qui peut me dire pourquoi le probleme dans ce script car qd le update s'effectue, mon champ "moyenne" est apparement vide vu ke c le message d'erreur. obj.innerHTML [ par fgingat ] Bonjour à tous .. Voila mon premier poste concerne un soucis de comprehension de la methode de fonctionnement de obj.innerHTML  A savoir sur une page URGENT !! validation formulaire avec php [ par romainst ] Bonjour j'ai un énorme problème que je dois résoudre rapidement c'est pour ça que j'en appelle à votre aide,J'ai créé récemment ce formulaire de vote Problème compatibilité de ma page sous Firefox [ par shadow125 ] Hello :)Voila je programme la V 3.2 de mon site et j'aimerai faire un truc vraiement joli :) Donc j'ai fais des jeux de cadre pour faire une structure probleme forum [ par drjey ] Voila mon script de forum pour que les messages s'ouvrent mais il rentre toujours dans le "else" et il ne fait jamais "ck[x]=0;" du premier "if"... Me Problème de menu à arborescence [ par nougitch ] Bonjour,J'aimerai que quand je clique sur "Project", les 3 lignes de tableaux suivantes se baissent. (il faut impérativement que ce soit des tr).Merci Recuperer une variable javascript [ par blustic ] BonjourJ'aimerais créer un système de pronostics j'ai déjà lutter pour essayer de trouver un moyen sans BDD maisj'ai un probleme maintenant c'est que


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

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