Discussion :

[langme]

Code :

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

1
2
3
4
5
6
7
8
 
<td class="single">
    <div id="0" class="drag" style="border-style: solid; cursor: move;">
    <div id="1" class="drag" style="border-style: solid; cursor: move;">
    <div id="2" class="drag" style="border-style: solid; cursor: move;">
    <div id="3" class="drag" style="border-style: solid; cursor: move;">
    <div id="4" class="drag" style="border-style: solid; cursor: move;">
</td>

Je souhaiterais insérer un autre div sans id apres celui nomme id=4

Code :

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

1
2
 
<div class ="drag">

j ai la base mais mon insert ne fonctionne pas

Code :

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

1
2
3
4
 
  var va=document.getElementsByClassName('single');
  var text = document.createTextNode('<div class=\'drag\'>ello</div>');
     va.insertBefore(text,va.nextSibling)

[dkmix]

bonjour,
avec

Code :

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

var va=document.getElementsByClassName('single');

Vous récupérez un Node List. "insertBefore" ne fonctionne pas avec NodeList

Code :

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

1
2
3
4
5
6
 
var va=document.getElementsByClassName('single')[0];
console.log(va);  
var div= document.createElement('div');
div.className += " drag";
va.appendChild(div);

[SpaceFrog]

Un id ne doit pas être uniquement numérique pour html<5 ni commencer par du numérique

Code :

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

1
2
3
4
5
6
7
<td class="single">
    <div id="_0" class="drag" style="border-style: solid; cursor: move;">
    <div id="_1" class="drag" style="border-style: solid; cursor: move;">
    <div id="_2" class="drag" style="border-style: solid; cursor: move;">
    <div id="_3" class="drag" style="border-style: solid; cursor: move;">
    <div id="_4" class="drag" style="border-style: solid; cursor: move;">
</td>

ensuite pour insérer à la suite ...

Code :

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

$('#_4').after( $('<div/>').addClass('.drag'))

[langme]

ca marche mais il me faut une balise <b>text</b> dans le div

dois je faire sur le mm système que pour le div?

Code :

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

1
2
3
 
	var b= document.createElement('b');
	b.textContent = 'text';

[SpaceFrog]

utilises les possibilités de jquery :

Code :

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

$('#_4').after( $('<div/>').addClass('.drag').append($('<b/>').html('text')))

[danielhagnoul]

$('#_4').after( $('<div/>').addClass('.drag').append($('<b/>').html('text'))).

Oui, où construire d'abord la nouvelle division avant de l'insérer. Dans cette écriture, il faut respecter les règles de la notation JSON, particulièrement pour "class" qui est un mot réservé.

Code :

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

1
2
3
4
$( "<div/>", {
    "html" : "<b>text</b>",
    "class" : "drag"
}).insertAfter( "#_4" );