�quivalent "Include" en JAVASCRIPT

**sim0m0** · 15/08/2010, 20h09

Salut,

Ma fonction JavaScript fais un test, si positif elle ins�re un fragment de code HTML.

Pour cela j'ai pr�f�r� faire un fichier .HTML qui contient le fragement HTML a inserer, et l'inclure avec une commande equivalente � "Include" dans ma fonction.
Je se sais pas ce que c'est cette commende, et je ne peut pas ecrire ce fragement de code parcequ'il contient plusieurs lignes.

merci de me le dire

**SpaceFrog** · 16/08/2010, 08h10

la fonction include n'existe pas en javascript.
Pour ins�rer un fragment de code � l'aide de javascript, il faut utiliser ajax pour recup�rer le ficher dans le responseText et le coller sur la page au moyen de innrHTML

**vermine** · 16/08/2010, 08h19

Si ce sont des �l�ments HTML, ne serait-il pas mieux de les cr�er par des m�thodes (createElement, ...) et de les ins�rer dans l'arbre DOM ?

**Bovino** · 16/08/2010, 08h20

Un exemple : http://www.developpez.net/forums/d52...e/#post3722017

**sim0m0** · 16/08/2010, 20h40

En fait je suis un d�butant, les consepts ajax arbre dom ... sont un peu flous pour moi. Je pense que c'est le temps de m'y mettre.
Je vais essay� la librairie propose par bovino je pense.
Merci pour votre aide.

**benjea06** · 25/03/2014, 15h35

Bonjour,
j'avais le m�me besoin et j'ai trouv� la solution ci dessous.
Est-elle admissible au del� du fait qu'elle fonctionne?

Code html

Code html :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
<html>
<head>
 
</head>
<body>
<script type="text/javascript" src="header.js"></script>
Titre Article
...

header.js

Code :

S�lectionner tout - Visualiser dans une fen�tre � part

1
2
3
4
5
6
7
8
9
document.write('<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">');
document.write('<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">');
 
document.write('<head>');
document.write('<link rel="stylesheet" type="text/css" href="../style/style.css" />');
document.write('</head>');
 
document.write('<body marginwidth="0">');
etc...

Merci

correction: Je constate que j'ai deux fois le body et le head.. je corrige et teste...
re: peut on directement dans le fichier html mettre un appel javascript ou suis-je contraint de laisser les balises jusqu'au HEAD ?

**SpaceFrog** · 25/03/2014, 15h42

Tout le bien que nous pensons de document.write
http://blog.developpez.com/web/p1065..._en_javascript

**Bovino** · 25/03/2014, 15h43

Est-elle admissible

Non !

Elle utilise ce qu'il y a de pire en JavaScript (utilisation de document.write() et en d�veloppement Web (non s�paration du contenu HTML et du JavaScript).
Bref, une horreur issue des ann�es 90 et qu'on aimerait ne jamais (re)voir.

**benjea06** · 25/03/2014, 16h07

Bon.... non admissible...Grrrr

Ok, j'ai jet� un coup d��il sur l'Ajax, mais tout ce que j'en connais ce sont ses vertus nettoyantes... C'est vous dire...

**SylvainPV** · 27/03/2014, 19h14

AJAX est quasi incontournable aujourd'hui, difficile de s'en passer. Pour modulariser ton code JavaScript et charger sous forme de d�pendances, il existe tout un tas de biblioth�ques qui simplifient cette t�che : headJS, LABjs, requireJS, browserify... Mais c'est toujours mieux de conna�tre les principes de base avant de s'aider de biblioth�ques.

**krunch** · 16/10/2015, 13h02

Bonjour
J'ai le m�me probl�me, je tombe sur cette discussion et sur la solution de Bovino qui est tr�s astucieuse ...

Toutefois dans mon cas j'y vois 2 limitations :
- comment passer un argument � la page ? (avec include() on peut toujours passer un $GET dans l'url)
- comment faire si on a du PHP dans cette page � ins�rer ? (le serveur doit l'interpr�ter)

Donc face � �a je me demandais si la solution ultime ne serait pas tout simplement un <iframe> ?
Qu'en pensez vous ?

�quivalent "Include" en JAVASCRIPT

JavaScript

Discussions similaires

Partager

Partager