É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