Discussion :

[Spir]

Bonjour, c'est une question très simple mais je ne sais pas du tout comment faire ca.
J'ai ceci :

Code :

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

1
2
3
<div id="container">
 <div id="contenu1">Lorem ipsum</div>
</div>

Je souhaiterai ajouter du contenu apres ou avant ma div conteny1.
Je pensais utiliser prepend :

Code :

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

$('div#contenu1').parent().prepend('<div id="contenu2">Lorem ipsum</div>');

Mais je ne suis pas sûr que ce soit correct. Parent() ajoute le code avant apparement. Mais pour ajouter après?

Le resultat doit etre comme ceci :

Code :

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

1
2
3
4
5
6
7
 
<div id="container">
 <div id="placeAvant">Lorem ipsum</div>
 <div id="contenu1">Lorem ipsum</div>
 <div id="placeApres1">Lorem ipsum</div>
 <div id="placeApres2">Lorem ipsum</div>
</div>

[Bovino]

Avec

Code :

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

1
2
3
<div id="container">
 <div id="contenu1">Lorem ipsum</div>
</div>

tu peux ajouter avant 'contenu1 avec :

Code :

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

document.getElementById('container').insertBefore(document.getElementById('contenu1'),nouveau_contenu);

ou après avec :

Code :

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

document.getElementById('container').appendChild(nouveau_contenu);

[Spir]

En fait tu as répondu a ma question sans trop y répondre. Je précise que j'utilise jQuery.
Si j'ai ceci :

Code :

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

1
2
3
<div id="container">
 <div id="contenu1">Lorem ipsum</div>
</div>

Et que je veux ceci :

Code :

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

1
2
3
4
5
6
<div id="container">
 <div id="placeAvant">Lorem ipsum</div>
 <div id="contenu1">Lorem ipsum</div>
 <div id="placeApres1">Lorem ipsum</div>
 <div id="placeApres2">Lorem ipsum</div>
</div>

A priori il faut faire ceci :

Code :

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

1
2
3
$('div#contenu1').before('<div id="placeAvant">Lorem ipsum</div>');
$('div#contenu1').after('<div id="placeApres2">Lorem ipsum</div>');
$('div#contenu1').after('<div id="placeApres1">Lorem ipsum</div>');

http://jquery.developpeur-web2.com/d...ion/before.php
http://jquery.developpeur-web2.com/d...tion/after.php

C'est ca?

[Bovino]

Oui, avec jQuery, c'est ça.

[Spir]

Oui, avec jQuery, c'est ça.

merci