MENU SCROLL AU TOP MISE À JOUR

Signaler
Messages postés
385
Date d'inscription
mardi 15 octobre 2002
Statut
Membre
Dernière intervention
19 décembre 2017
-
Messages postés
22
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
6 mars 2011
-
Cette discussion concerne un article du site. Pour la consulter dans son contexte d'origine, cliquez sur le lien ci-dessous.

https://codes-sources.commentcamarche.net/source/16206-menu-scroll-au-top-mise-a-jour

Messages postés
22
Date d'inscription
lundi 23 mai 2005
Statut
Membre
Dernière intervention
6 mars 2011

Et la compatibilité avec les différent navigateur???????
script donc inutile 0/10
Messages postés
11
Date d'inscription
dimanche 23 février 2003
Statut
Membre
Dernière intervention
30 septembre 2009

a j'allais oublier il marche quand on utilise la scroll bar pas quand on utilise la mollette pour palier ce problemme je propose un seTimeout voila j'espere que j'ais rien oublié cette fois @++
Messages postés
11
Date d'inscription
dimanche 23 février 2003
Statut
Membre
Dernière intervention
30 septembre 2009

bon ya les couleur du menu qui ne change pas comme sur IE mais j'ais fait cela en 10 min :D

et j'ais la flemme d'installer netscape ;)
Messages postés
11
Date d'inscription
dimanche 23 février 2003
Statut
Membre
Dernière intervention
30 septembre 2009

<HTML>
<HEAD>
<script type="text/javascript">
var largecran = screen.width;
var largmenu = 200;
var hautmenu = 150;
<!------ menu à droite def d'ecran - la largeur - 30 px du bord --------->
if (navigator.appVersion.indexOf("MSIE") !-1) {posdroite largecran - largmenu - 30;} else {posdroite = largecran - largmenu - 39;}
<!------- var de test tst evite de sup le menu quand on clique dessus (=clique body)--------->
<!----- onchg teste menu present ou non, drtchg s'il est à droite ------------>
var tst = true;
var onchg = 1;
var drtgch = 1;

function adroite() {
drtgch = 2;
ReplaceMenu();
}

function ReplaceMenu()
{
var offsetInfo = ""
var X = document.body.scrollLeft;
var Y = document.body.scrollTop;
//alert("sdfdsf");
if (drtgch == 1) {
document.getElementById("menu").style.left=X;
}
else {
document.getElementById("menu").style.left=posdroite;
}
document.getElementById("menu").style.top=Y;
//--------------correction bug mozilla sur le scrolling
//setTimeout("ReplaceMenu()","100");

}


function change() {
if (tst == true)
{ if( onchg == 1)
{
document.getElementById("menu").style.display='none';
onchg = 2;
}
else {
document.getElementById("menu").style.display='inline';
onchg = 1;
}
}
}

document.write("<style ID='ST1' type='text/css'>");
document.write("#menu {position:absolute; top:0px; left:0px;padding:4px;background-color:#CFE6EE;width:"+ largmenu +"px;height:"+ hautmenu +"px;border: blue 8px solid; font-size: 14px; color: violet;}");
document.write("</style>");
//-------------correction bug mozilla sur le scrolling
//setTimeout("ReplaceMenu()","100");
</script>
<style ID='ST2' type="text/css">
#tab {width : 900px;}
p.lien1 {margin:2 2 2 0; border:2px darkred groove; color: blue; font-family:Arial, sans-serif;font-size:12px;}
p.lien1actif {margin:2 2 2 0; border:2px darkblue outset; color: red; background-color: yellow; font-family:Arial, sans-serif;font-size:12px;}
a.lien:link {
font-weight: 300;
text-decoration: underline;
width: 100%;
}
a.lien:active {
text-decoration: underline;
font-weight: 700;
}
a.lien:visited {
font-weight : 300;
text-decoration: none;
}
a.lien:hover {
color: red;
}
</style>
</HEAD>



Menu - [# A droite] - [# A gauche]



<!------document.styleSheets[0].rules[0].style.borderStyle='Outset';document.styleSheets[0].rules[0] : represente le premier element de la premiere table de style.------->






ton texte-ton texte-ton texte-ton texte-ton texte,
ton texte-ton texte-ton texte-ton texte-ton texte,
ton texte-ton texte-ton texte-ton texte-ton texte,

----

ton texte-ton texte-ton texte-ton texte-ton texte,
ton texte-ton texte-ton texte-ton texte-ton texte,
ton texte-ton texte-ton texte-ton texte-ton texte

ton texte
ton texte
ton texte
ton texte
ton texte
ton texte

ton texte
ton texte
ton texte
ton texte
ton texte
ton texte
ton texte

ton texte
ton texte
ton texte
ton texte
ton texte
ton texte
ton texte

ton texte
ton texte
ton texte
ton texte
ton texte
ton texte
ton texte

ton texte
ton texte
ton texte
ton texte
ton texte
ton texte
ton texte

[www.yahoo.fr yahoo le retour]



</HTML>




-----------------------------------------------------------------------------
marche sur mozilla 1.5 essayez le sur netscape ;)
Afficher les 7 commentaires