Que pensez vous d'un menu en javascript à la façon d'un "include"

**arkante1984** · 23/10/2008, 11h45

Bonjour,

Suite au développement d'un site web, je souhaiterai optimiser le code en y plaçant le menu dans un fichier à part et en faire un appel dans chaque page html. Un peu à la façon d'un "include" en php, mais uniquement avec du js html et css.

Ne sachant pas si cela peut poser des problèmes de navigation, je sollicite vos avis concernant cela.

Cordialement, Arkante.

**DoubleU** · 23/10/2008, 12h03

C'est quoi l'interet de faire de cette manière plutot que de faire un include en php normal?

**arkante1984** · 23/10/2008, 12h06

parceque le site n'a pas de serveur donc pas de php^^.

**titfab** · 23/10/2008, 12h09

Inclure un html dans un autre :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
<iframe src="includefile.html" width="450" height="400">
<a href="includefile.html">Hmm, tu as un browser archi-vieux.
Clic ici pour voir le contenu HTML inclus.</a>
</iframe>

Pour inclure le javascript qui se trouve dans toto.js :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

<script type="text/javascript" src="toto.js">

Pour inclure un fichier css dans le fichier html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<link rel="stylesheet" type="text/css" href="moncss.css" />

Le tout dans l'entête du fichier HTML (entre les tags "<head>" et "</head>")

**arkante1984** · 23/10/2008, 12h13

Merci à tous, mais pensez vous que cette solution soit meilleure que de répéter le menu dans chaque page ?
Etant conscient des différences d'interprétation de chaque navigateur, je ne voudrai pas que mon site "se casse la gueule".

Cordialement, Arkante.

**DoubleU** · 23/10/2008, 13h40

Ca fait quand même bidouillage un site sans serveur. Surtout si tu commences à vouloir optimiser ton code en fonction d'évolutions ultérieures...

T'as une contrainte qui t'impose de ne pas utiliser de serveur, ou c'est négociable ?

**SpaceFrog** · 23/10/2008, 13h48

on peut aussi passer par ajax ou encore une balise object ...

**arkante1984** · 23/10/2008, 13h59

Pour l'instant l'idée du serveur n'est pas négociable mais pourra peut-être se faire à l'avenir.
En ce qui concerne le javascript je viens de me la jouer comme ça sur le site et ça passe niquel pour le moment sous MF et IE
Javascript :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
 
function basPage() {
	url="http://google.fr";
	document.write("Yop c'est ici "+url+"<br />");
}

html :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
 
<div id="footer"><script language="javascript">basPage();</script></div>

En revanche en utilisant cette même méthode le menu par totalement en vrille j'ai l'impression que le css est interprété après le javascript.

Pour la solution d'Ajax je ne connais pas encore ce langage on va dire que je suis un débutant qui débute depuis longtemps...

Je vais me renseigner sur la balise object comme tu le conseilles.
Merci beaucoup à tous pour votre participation je laisse pour le moment ce post ouvert pour avoir un maximum d'avis.