MENU SCROLL AU TOP MISE À JOUR

revinc Messages postés 385 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 19 décembre 2017 - 2 juin 2003 à 13:16
gostsn Messages postés 22 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 6 mars 2011 - 27 juil. 2007 à 13:57
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

gostsn Messages postés 22 Date d'inscription lundi 23 mai 2005 Statut Membre Dernière intervention 6 mars 2011
27 juil. 2007 à 13:57
Et la compatibilité avec les différent navigateur???????
script donc inutile 0/10
Mprog Messages postés 11 Date d'inscription dimanche 23 février 2003 Statut Membre Dernière intervention 30 septembre 2009
24 déc. 2003 à 16:08
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 @++
Mprog Messages postés 11 Date d'inscription dimanche 23 février 2003 Statut Membre Dernière intervention 30 septembre 2009
24 déc. 2003 à 16:02
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 ;)
Mprog Messages postés 11 Date d'inscription dimanche 23 février 2003 Statut Membre Dernière intervention 30 septembre 2009
24 déc. 2003 à 15:58
<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 ;)
cs_Deny Messages postés 39 Date d'inscription lundi 21 octobre 2002 Statut Membre Dernière intervention 16 février 2009
2 juin 2003 à 15:02
Note au utilisateurs :
Si vous prenez ce script, faites gaffe de pas vous planter. Par exemple au test avec la var tst, parce que s'il elle mal gèrée quand vous cliquez sur le menu, alors vous cliquez sur le body et vous faites disparaitre le menu !
cs_Deny Messages postés 39 Date d'inscription lundi 21 octobre 2002 Statut Membre Dernière intervention 16 février 2009
2 juin 2003 à 14:56
Bof, du moment qu'il est propre !
Et puis quand on en a pour les autres, on peut bien en avoir pour soi-même !!!
revinc Messages postés 385 Date d'inscription mardi 15 octobre 2002 Statut Membre Dernière intervention 19 décembre 2017
2 juin 2003 à 13:16
merci Dieu pour ce script que ô combien je vénérerai toute ma vie...

Ca va, j'ai contenté ton amour propre ?


bon script sinon mais po compatible netscape snif!
Rejoignez-nous