Aller au contenu

Probleme de menu

NiTrOuS

Par NiTrOuS
dans Programmation et Lignes de code

Messages recommandés

NiTrOuS Expérimenté

NiTrOuS

Posté(e)
Posté(e)

Bon voila j ai une question par rapport a mon menu

J ai un menu déroulant sur mon site http://users.skynet.be/fa274510/

Le probleme, c est que, dès que je change le menu, je dois le faire sur toutes les pages (+/- 70 je pense), ce qui me fait perdre mon temps.

Donc je voudrais savoir si il est possible de ne mettre le menu que sur une seule de mes pages, et de le faire apparaitre sur toutes les pages pour pouvoir le changer plus facilement?

Merci

Lien vers le commentaire
Partager sur d’autres sites
Sentinel Collaborateur

Sentinel

Posté(e)
Posté(e)

Facile.

Au lieu de mettre ton code javascript dans chaque page, on va le mettre dans un seul fichier qu'on va appeler dans toutes les pages.

Copie/colle ton code dans un fichier "menu.js"

Ensuite dans chaque page, tu supprimes tout le javascript et dans le <HEAD>, tu mets :

<script SRC="menu.js"></SCRIPT>

Fais bien attention au path vers le fichier, et ça devrait marcher comme sur des roulettes !

Lien vers le commentaire
Partager sur d’autres sites
NiTrOuS Expérimenté

NiTrOuS

Posté(e)
  • Auteur
Posté(e)

Ca ne marche pas:

Voici mes deux codes

<html>
<!-- Date de création: 21/12/2003 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Gbillou [n-Gen]">
<meta name="generator" content="WebExpert 5">
<script SRC="barre.html"></script>
</head>
<body>
</body>
</html>

<html>
<!-- Date de création: 21/12/2003 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Gbillou [n-Gen]">
<meta name="generator" content="WebExpert 5">
<script language="JavaScript1.2">

/*
Script Barre de menu coulissante -
© Dynamic Drive (www.dynamicdrive.com)
Pour le code source complet, les instructions d'installation,
des centaines d'autres scripts DHTML et les modalités d'utilisation,
visitez dynamicdrive.com
*/

if (document.all)
document.write('<div id="slidemenubar2" style="left:-150" onMouseover="pull()" onMouseout="draw()">');
</script>
<layer id="slidemenubar" onMouseover="pull()" onMouseout="draw()">
<script language="JavaScript1.2">
var sitems=new Array();
var sitemlinks=new Array();

//ajoutez ou retirez des éléments de cette liste
sitems[0]="Item0";
sitemlinks[0]="Test0.html";



for (i=0;i<=sitems.length-1;i++)
document.write('<a href='+sitemlinks[i]+'>'+sitems[i]+'</a><br>');
</script>
</layer>
<script language="JavaScript1.2">
function regenerate(){
window.location.reload();
}
function regenerate2(){
if (document.layers)
setTimeout("window.onresize=regenerate",400);
}
window.onload=regenerate2;
if (document.all){
document.write('</div>');
themenu=document.all.slidemenubar2.style;
rightboundary=0;
leftboundary=-150;
}
else{
themenu=document.layers.slidemenubar;
rightboundary=150;
leftboundary=10;
}
function pull(){
if (window.drawit)
clearInterval(drawit);
pullit=setInterval("pullengine()",50);
}
function draw(){
clearInterval(pullit);
drawit=setInterval("drawengine()",50);
}
function pullengine(){
if (document.all&&themenu.pixelLeft<rightboundary)
themenu.pixelLeft+=5;
else if(document.layers&&themenu.left<rightboundary)
themenu.left+=5;
else if (window.pullit)
clearInterval(pullit);
}
function drawengine(){
if (document.all&&themenu.pixelLeft>leftboundary)
themenu.pixelLeft-=5;
else if(document.layers&&themenu.left>leftboundary)
themenu.left-=5;
else if (window.drawit)
clearInterval(drawit);
}
</script>
<style>
<!--

#slidemenubar, #slidemenubar2{
position:absolute;
left:-155px;
width:160px;
top:170px;
border:1.5px solid green;
background-color:lightyellow;
layer-background-color:lightyellow;
font:bold 12px Verdana;
line-height:20px;
}
-->
</style>


</body>
</html>

Si quelqu un voit d ou ca peut venir

Il me dit qu il y a une erreur de syntaxe ..

Lien vers le commentaire
Partager sur d’autres sites
Sentinel Collaborateur

Sentinel

Posté(e)
Posté(e)

Ton fichier menu.js ne doit pas être construit comme une page web !

Pas de <HTML>, <HEAD>, etc...

Il doit uniquement contenir le code javascript, c'est-à-dire ce qui était compris entre <script> et </SCRIPT> dans ton fichier original.

Va voir sur http://www.w3schools.com/js/default.asp pour plus de renseignements.

Lien vers le commentaire
Partager sur d’autres sites
NiTrOuS Expérimenté

NiTrOuS

Posté(e)
  • Auteur
Posté(e)

Bon voila ce que j ai essayé suite a certains conseil, malgré ca ca ne marche toujours pas:

Fichier HTML (test.html)

<html>
<!-- Date de création: 21/12/2003 -->
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title></title>
<meta name="description" content="">
<meta name="keywords" content="">
<meta name="author" content="Gbillou [n-Gen]">
<meta name="generator" content="WebExpert 5">
<script src="menu.js"> </script>
</head>
<body>


</body>
</html>

Fichier JavaScript (menu.js)

<table width="100%" cellpadding="0" border="0" cellspacing="0" summary="" bgcolor="#000000">
 <tr>
   <td align="left" height="25">
<nobr>
<span class="divise"> </span>
<a href="url0" class="lien" onMouseOver="netie(-1,4)?this.style.color='#FF0000':null;" onmouseout="netie(-1,4)?this.style.color='#FFFFFF':null;">caption0</a>
<span class="divise">|</span>

</nobr>
   </td>
 </tr>
</table><style type="text/css">
       <!--
       BODY {
           margin-top:0; margin-left:0; margin-right:0;
       }
       .lien {
           position: relative; top: -5px; color: #FFFFFF; font-size: 8pt; font-family: verdana;  font-weight: bold; letter-spacing: -1pt; text-decoration: none;
       }
       .divise {
           position: relative; top: -3px; color: #C0C0C0; background: #000000; font-size: 12pt;
       }
       -->
       </style>
       <script language="JavaScript">
       <!-- begin script
       function netie(net, ie) {
         if ((navigator.appVersion.substring(0,3) >= net && navigator.appName == 'Netscape' && net != -1) || (navigator.appVersion.substring(0,3) >= ie && navigator.appName.substring(0,9) == 'Microsoft' && ie != -1))
           return true;
       else return false;
       }
       //  end script -->
       </script>
       

On m a dit de retirer les <script> et </script> mais ca ne change rien alors si quelqu un trouve comment modifier ces deux fichiers et me filer le bon code source, ce serait merveilleux ...

Lien vers le commentaire
Partager sur d’autres sites
sky99 Compétent

sky99

Posté(e)
Posté(e)

c'est un simple conseil... Si tu veux developper un site web, apprends le HTML, c'est tres facile, dans 3 jours tu aura fini... tu pourra continuer a developper ton site avec webexpert, mais au moins tu sauras ce qui cloche lorsque tu as un probleme...

le C en revanche tu en as pour beaucoup plus longtemps et ça ne t'aidera pas dans l'imediat pour ton site web...

J'essaierai si j'ai le temps de poster un topic "guide" sur le HTML dans cette section...

Mais en attendant un coup de google et tu trouve tres facilement de nombreux cours HTML tres faciles et qui te permettront dans a peine quelques jours de ne plus avoir ce genre de problemes avec ton site...

Lien vers le commentaire
Partager sur d’autres sites
FiLoUs_64 Régulier

FiLoUs_64

Posté(e)
Posté(e)

ben enfin un frame ces une parti sur le coter qui reste tjrs la..


 <frameset cols="81,*">
   <frame name="coter" target="principal" marginwidth="0" marginheight="0" scrolling="auto" noresize src="page_frame.htm">
   <frame name="main" scrolling="auto" noresize src="main_accueil.htm" marginwidth="7" marginheight="0" target="_blank">
 </frameset>

En faite, le frameset cols ces la grosseur .. tu test des chiffres et tu devrait trouver.

frame name c'est le nom du frame. Ca va permettre, quand tu fait un lien et que tu veut qu'il s'ouvre dans cette parti la, tu v amettre ce nom la..

noresize src c'est la page qui va apparaitre dans le frame..

Ensuite le deuxieme frame name="main" dans mon exemple c'est le millieu de tout..donc il s'appelle main, la page auquel il accede c'est main_accueil.htm ..

Ensuite les margin ces la grosseur aussi..

Le code complet de mon site (http://uo.terresombre.com) on peut voir 2 frame, un sur le coter, et l'autre en haut. (P-e bourrer d'erreur, modifier avec front page.. erf..)

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Terre Sombre - Ultima Online</title>
<meta name="description" content="Présentement en construction. Avec de nouveaux graphiques, nouveaux items, nouvelles montures. Serveur 100% Rôle Play et conçu pour l'être. Venez y faire votre place !">
<meta name="author" content="Admin FiLoUs_64">
<meta name="Identifier-URL" content="http://www.terresombre.com/">
<meta NAME="Keywords" CONTENT="Ultima Online uo terre sombre shard serveur server rp role play FiLoUs_64 terresombre">
</head>

<frameset rows="110,*" framespacing="0" border="0" frameborder="0">
 <frame name="haut" scrolling="no" noresize target="sommaire" src="page_framehaut.htm" marginwidth="0" marginheight="0">

 <frameset cols="81,*">
   <frame name="coter" target="principal" marginwidth="0" marginheight="0" scrolling="auto" noresize src="page_frame.htm">
   <frame name="main" scrolling="auto" noresize src="main_accueil.htm" marginwidth="7" marginheight="0" target="_blank">
 </frameset>

</html>

J'espere tavoir aider

Lien vers le commentaire
Partager sur d’autres sites

Archivé

Ce sujet est désormais archivé et ne peut plus recevoir de nouvelles réponses.

Aller sur la liste des sujets
×
×
  • Créer...