[Nodes] Insertion d'un div ayant un contenu distant

**m312** · 21/07/2007, 15h36

Beau titre hein ?

J'ai du beaucoup pensé pour le trouver ...

Bref, et bonjour tout d'abord.
Je me retrouve face a un probleme dans l'une de mes conceptions de pages web, je vais vous l'exposer.

Je possede trois fichiers:

Tout d'abord, test.html:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
 
<html>
	<head>
		<script type="text/javascript" src="test.js"></script>
	</head>
	<body>
		<div onclick="adddiv(this);">
			Ajouter un div
		</div>
	</body>
</html>

Cette page est donc on ne peut plus simple.
Voila l'architecture:

Code :

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

1
2
3
4
5
6
7
 
+ HTML
-+ HEAD
--+SCRIPT
-+BODY
--+DIV
---+#TEXT

Mon but est de rajouter, lorsqu'on clique sur le texte, un div apres tout ceci, de sorte a ce que l'on ait

Code :

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

1
2
3
4
5
6
 
-+BODY
--+DIV
---+#TEXT
--+DIV
---+ BLABLA

Sauf que ce Blabla, il est contenu dans une autre page, s'appellant test.inc, nous allons prendre par exemple:

Code :

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

1
2
3
4
 
<div>
	Blabla
</div>

J'inclus le code que j'ai utilisé:

Code :

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

1
2
3
4
5
6
7
 
function adddiv(div) {
	var maindiv = clean(div.parentNode);
	var nouveau = document.createElement('DIV');
	nouveau.location = 'test.inc';
	maindiv.appendChild(nouveau);
}

Ou la fonction clean est celle trouvée sur developpez.com pour faire des choses propres avec les nodes.

Sauf que vous vous en doutez, nouveau.location existe pas.

Quelqu'un aurait il une idee pour pouvoir effectuer ce que je veux?
Et me demander ce que vous avez pas compris

Merci d'avance

**m312** · 22/07/2007, 12h03

Bon alors dans ma quête de quelque chose qui marche, j'ai trouvé qu'au lieu de faire un div contenant ce que je veux, on peut aussi faire appel a la balise <object>, qui permet de rajouter un contenu distant.

Cependant, des soucis subsistent:
- Le cadre horrible
- Les dimensions qui semblent fixes ?
- mais surtout un plus gros probleme:
la balise est

Code :

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

1
2
3
<object type='text/html' data="test.inc">
	alt : <a href="test.inc">test.html</a>
</object>

Soucis, pour rajouter tout ca en Javascript, on fait comment ?
On commence par

Code :

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

1
2
3
var nouveau = document.createElement('OBJECT');
nouveau.type = 'text/html';
nouveau.data = 'test.inc';

Mais apres ? Pour rajouter la ligne "alt : <a href="test.inc">test.html</a>" qui semble indispensable a IE ?

On est obligé de faire un document.createElement('TEXT') etcataera ?

Merci de porter de l'interet a cette thread

[Nodes] Insertion d'un div ayant un contenu distant

JavaScript

Discussions similaires

Partager

Partager