[RESOLU] Déplacer un menu caché - Programmation et développement::java

Passionné(e) d'internet, de logiciels, de forums ? 01net recrute...

Auteur

Message

madmat5

Posté le 04/07/2007 18:13:30

Salut tous le monde,

Je suis entrain de creer un site internet et je souhaite faire un menu caché sur le coté gauche comme ici :

http://www.toulouse-renaissance.net/c_outils/c_menu_glide.htm

Le probléme c'est que cela tombe pile poil dans ma banniére alors je voudrais savoir ce qu'il faut faire pour que se menu soit au milieu ou en bas, j'espére que vous aller pouvoir m'aider car moi je suis loin d'étre une bête en java/html en script en faite.

Merci d'avance

-->Message édité par madmat5 le 06/07/2007 11:55:55<--

Beno@

Posté le 04/07/2007 18:18:04

serait-il possible de voir ta page?
parce que le lien que tu nous a donné ne marche pas sur firefox 2.0.4 chez moi

madmat5

Posté le 05/07/2007 08:29:03

Mon site n'es pas en ligne alors je peut pas te donner un lien vers ma page, je te met le script java :

//Static Slide Menu 6.5 © MaXimuS 2000-2001, All Rights Reserved.
//Site: http://www.absolutegb.com/maximus
//E-mail: maximus@nsimail.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 makeStatic() {
if (NS||NS6) {winY = window.pageYOffset;}
if (IE) {winY = document.body.scrollTop;}
if (NS6||IE||NS) {
if (winY!=lastY&&winY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - YOffset + staticYOffset);}
else if (YOffset-staticYOffset+lastY>YOffset-staticYOffset) {
smooth = .2 * (winY - lastY - (YOffset-(YOffset-winY)));}
else {smooth=0}
if(smooth > 0) smooth = Math.ceil(smooth);
else smooth = Math.floor(smooth);
if (IE) bssm.pixelTop+=smooth;
if (NS6||NS) bssm.top=parseInt(bssm.top)+smooth
lastY = lastY+smooth;
setTimeout('makeStatic()', 1)}}

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>')}

function initSlide() {
if (NS6){
ssm=document.getElementById("thessm").style;
bssm=document.getElementById("basessm").style;
bssm.clip="rect(0 "+document.getElementById("thessm").offsetWidth+" "+document.getElementById("thessm").offsetHeight+" 0)";ssm.visibility="visible";
}else if (IE) {
ssm=document.all("thessm").style;
bssm=document.all("basessm").style;
bssm.clip="rect(0 "+thessm.offsetWidth+" "+thessm.offsetHeight+" 0)";bssm.visibility = "visible";
}else if (NS) {
bssm=document.layers["basessm1"];
bssm2=bssm.document.layers["basessm2"];ssm=bssm2.document.layers["thessm"];
bssm2.clip.left=0;ssm.visibility = "show";
}
if (menuIsStatic=="yes")
makeStatic();
}

function buildMenu() {
if (IE||NS6) {
document.write('<DIV ID="basessm" style="visibility:hidden;Position : Absolute ;Left : '+XOffset+' ;Top : '+YOffset+' ;Z-Index : 20;width:'+(menuWidth+barWidth+10)+'"><DIV ID="thessm" style="Position : Absolute ;Left : '+(-menuWidth)+' ;Top : 0 ;Z-Index : 20;" onmouseover="moveOut()" onmouseout="moveBack()">');
}
if (NS) {
document.write('<LAYER name="basessm1" top="'+YOffset+'" LEFT='+XOffset+' visibility="show"><ILAYER name="basessm2"><LAYER visibility="hide" name="thessm" bgcolor="'+menuBGColor+'" left="'+(-menuWidth)+'" onmouseover="moveOut()" onmouseout="moveBack()">');
}
if (NS6){
document.write('<table border="0" cellpadding="0" cellspacing="0" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'"><TR><TD>');
}
document.write('<table border="0" cellpadding="0" cellspacing="1" width="'+(menuWidth+barWidth+2)+'" bgcolor="'+menuBGColor+'">');
for(i=0;i<ssmItems.length;i++) {
if(!ssmItems[3]){
ssmItems[3]=menuCols;
ssmItems[5]=menuWidth-1;
}else if(ssmItems[3]!=menuCols)
ssmItems[5]=Math.round(menuWidth*(ssmItems[3]/menuCols)-1);
if ( ssmItems[i-1] && ssmItems[i-1][4] != "no" ) {

document.write('<TR>');
}
if(!ssmItems[1]){
document.write('<td bgcolor="'+hdrBGColor+'" HEIGHT="'+hdrHeight+'" ALIGN="'+hdrAlign+'" VALIGN="'+hdrVAlign+'" WIDTH="'+ssmItems[5]+'" COLSPAN="'+ssmItems[3]+'"><font face="'+hdrFontFamily+'" Size="'+hdrFontSize+'" COLOR="'+hdrFontColor+'"> <b>'+ssmItems[0]+'</b></font></td>');
}else {
if(!ssmItems[2])
ssmItems[2]=linkTarget;
document.write('<TD BGCOLOR="'+linkBGColor+'" onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="'+ssmItems[5]+'" COLSPAN="'+ssmItems[3]+'"><ILAYER><LAYER onmouseover="bgColor=\''+linkOverBGColor+'\'" onmouseout="bgColor=\''+linkBGColor+'\'" WIDTH="100%" ALIGN="'+linkAlign+'"><DIV ALIGN="'+linkAlign+'"><FONT face="'+linkFontFamily+'" Size="'+linkFontSize+'"> <A HREF="'+ssmItems[1]+'" target="'+ssmItems[2]+'" CLASS="ssmItems">'+ssmItems[0]+'</DIV></LAYER></ILAYER></TD>');
}
if(ssmItems[4]!="no"&&barBuilt==0){
buildBar();
barBuilt=1;
}
if(ssmItems[4]!="no"){
document.write('</TR>');
}
}
document.write('</table>');
if (NS6){
document.write('</TD></TR></TABLE>');
}
if (IE||NS6) {
document.write('</DIV></DIV>');
}
if (NS) {
document.write('</LAYER></ILAYER></LAYER>');
}
theleft=-menuWidth;lastY=0;setTimeout('initSlide();', 1);
}




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=230; // 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="Arial";
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="MENU PRINCIPAL"; // <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]=["SECURITE"] //create header
ssmItems[1]=["Eliminer les aspirateurs de sites", "c_anti_aspirateurs.htm",""] //create header
ssmItems[2]=["Protection des données", "c_protection_donees_base.htm",""]
ssmItems[3]=["Cacher la source du code HTML", "c_cacher.htm",""]
ssmItems[4]=["TITRE 2", "", ""] //create header
ssmItems[5]=["2.1", "url2.1",""]
ssmItems[6]=["2.2", "url2.2", ""]
ssmItems[7]=["2.3", "url2.3", ""]
ssmItems[8]=["TITRE 3"] //create header
ssmItems[9]=["3.1", "url3.1",""]
ssmItems[10]=["3.2", "url3.2",""]
ssmItems[11]=["3.3", "url3.3",""]
ssmItems[12]=["TITRE 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]=["TITRE 5", "", ""] //create header
ssmItems[17]=["5.1", "url5.1",""]
ssmItems[18]=["5.2", "url5.2", ""]
ssmItems[19]=["5.3", "url5.3", ""]
ssmItems[20]=["TITRE 6"] //create header
ssmItems[21]=["6.1", "url6.1",""]
ssmItems[22]=["6.2", "url6.2",""]
ssmItems[23]=["6.3", "url6.3",""]

buildMenu();

//-->

Beno@

Posté le 05/07/2007 09:35:13

en fait c'est plutot le html qui m'aurai aidé

ps: c'est pas du java mais du javascript!

madmat5

Posté le 05/07/2007 11:59:14

Voici :




<STYLE type="text/css">

</STYLE>
<SCRIPT SRC="ssmItems.js" language="JavaScript1.2"></SCRIPT>

madmat5

Posté le 05/07/2007 12:01:01

Et voici celui de ma page entiere dans laquelle je souhaite incruster le script :

<html>

<head>
<meta http-equiv="Content-Language" content="fr">
<meta name="GENERATOR" content="Microsoft FrontPage 5.0">
<meta name="ProgId" content="FrontPage.Editor.Document">
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>page principale</title>

</head>

<body topmargin="0" leftmargin="0">

<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber1" height="22">
<tr>
<td width="14%" height="22" bgcolor="#FF8000" align="left" valign="top">
<font face="Arial Rounded MT Bold">
<img border="0" src="images/Logo/logo.jpg" width="163" height="162"></font></td>
<td width="72%" height="22" bgcolor="#FF8000">
<p align="center">
<font face="Bauhaus 93" style="font-size: 40pt; font-weight:700" color="#FF0000">MOTO-CLUB
VAL D'OR</font></p>
<p align="center">
<font face="Arial Rounded MT Bold" size="4" color="#FF0000">76210
Gruchet le Valasse - </font>
<font face="Arial Rounded MT Bold" size="4" color="#00FF00"> <a href="http://www.mc-valdor.com">
<font color="#FF0000">www.mc-valdor.com</font></a></font></p>
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#00FF00" width="100%" id="AutoNumber4" height="25">
<tr>
<td width="16%" height="25" align="center">
<font face="Arial Rounded MT Bold" size="4" color="#00FF00">
<a target="I1" href="bureau.htm" style="text-decoration: none">
<font color="#000000">Bureau</font></a></font></td>
<td width="16%" height="25" align="center">
<font face="Arial Rounded MT Bold" size="4" color="#00FF00">
<a style="text-decoration: none" target="I1" href="agenda.htm">
<font color="#000000">Agenda</font></a></font></td>
<td width="17%" height="25" align="center">
<font face="Arial Rounded MT Bold" size="4" color="#00FF00">
<a target="I1" href="membres.htm" style="text-decoration: none">
<font color="#000000">Membres</font></a></font></td>
<td width="17%" height="25" align="center">
<font face="Arial Rounded MT Bold" size="4">
<a style="text-decoration: none" target="I1" href="partenaire.htm"><font color="#000000">Partenaires</font></a></font></td>
<td width="17%" height="25" align="center">
<font face="Arial Rounded MT Bold" size="4">
<a target="I1" href="forum.htm" style="text-decoration: none">
<font color="#000000">Forum</font></a></font></td>
<td width="17%" height="25" align="center">
<a style="text-decoration: none" target="_blank" href="http://www.meteofrance.com">
<font face="Arial Rounded MT Bold" size="4" color="#000000">Météo</font></a></td>
</tr>
</table>
</td>
<td width="14%" height="22" bgcolor="#FF8000" align="center">
<font face="Arial Rounded MT Bold">
<img border="0" src="images/Logo/logo.jpg" width="163" height="162"></font></td>
</tr>
</table>
<table border="0" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="100%" id="AutoNumber3">
<tr>
<td width="5%" bgcolor="#00FF00" align="left" valign="top">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#FF8000" width="100%" id="AutoNumber5" height="17">
<tr>
<td width="100%" bordercolor="#FF8000" height="17">
<p align="center">
<font size="4" face="Arial Rounded MT Bold" color="#FF8000">
<a href="page%201.htm"><font color="#000000">Accueil</font></a></font></td>
</tr>
</table>
<p><font size="2"> </font></td>
<td width="1%" height="400" bgcolor="#FF8000"> </td>
<td width="2%" bgcolor="#00FF00"> </td>
<td width="42%" bgcolor="#FF8000" align="center">
<font face="Arial Rounded MT Bold">   </font><font face="Arial Rounded MT Bold" size="4"><a style="text-decoration: none" target="I1" href="info.htm"><font color="#000000">Info des adhérents</font></a>   </font><font face="Arial Rounded MT Bold">    
</font>
<p align="center">
<font face="Arial Rounded MT Bold">
<iframe name="I1" align="middle" width="793" height="634" marginwidth="1" marginheight="1" src="cadre%20princi.htm" border="0" frameborder="0">
Bienvenu sur le site du moto-club Val d'Or moto club de Gruchet le Valasse 76210</iframe>
</font></td>
<td width="2%" bgcolor="#00FF00"> </td>
<td width="1%" bgcolor="#FF8000"> </td>
<td width="5%" bgcolor="#00FF00"> </td>
</tr>
</table>

</body>

</html>

-->Message édité par madmat5 le 05/07/2007 13:57:19<--

madmat5

Posté le 06/07/2007 11:55:15

Ca y es je me suis dépanner tout seul a force de modifier truc par truc.

Il faut dans le fichier JS (javascript)
Vers la fin il y a :

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



if(b) YOffset=0;
else YOffset=10; // no quotes!! <---------> deplacement vertical
XOffset=0; <-----------> deplacement horizontal

si ca peut en aider d'autre

Merci à moi :lol:

[banc d'essai] Le classement des fournisseurs d'accès à Internet (21 au 27 août)

[vu sur le web] Steve Jobs est mort... mais pas tout de suite

[polémique] Piratage : le fondateur de Free dénonce la méthode Olivennes

[télécoms] Chat spécial 3G+ : les réponses d'Orange ne satisfont pas la communauté iPhone

[jeux vidéo] Médaille d'argent pour les Françaises dans l'épreuve de Counter Strike

[matériels] Les TomTom Go 740 et 940 Live misent sur de nouveaux services: recherches assistées par Google, info trafic optimisé, prix des carburants...

[justice] Le hacker anglais de l'armée américaine pourra être extradé

[e-commerce] Microsoft met la main sur le comparateur de prix Ciao.com