[js] Div dynamisch toevoegen tussen andere div's

[Verwijderd]

Ik gebruik deze code om dynamisch een div toe te voegen

code:

function createDiv() 
{ var _body = document.getElementsByTagName('body') [0];
var _div = document.createElement('div');
var _text = document.createTextNode('Creating Div Element')_div.appendChild(_text);
_body.appendChild(_div);}

window.onload = createDiv

Nu moet de nieuwe div terecht komen tussen div1 en div2.

code:

<div id="1"> </div>

<div id="2"> </div>

Ben al een tijdje aan het zoeken maar kom er nog niet echt uit. Ik weet ook niet echt hoe ik de vraag het best kan formuleren in google.

[RobIII]

Zorg dat je een reference hebt naar het juiste element (getElementById) en kijk dan eens naar (bijv.) insertBefore...?

Overigens is een enkel-numeriek id zoals jij hebt (id="2") ongeldig:

quote: http://www.w3.org/TR/REC-html40/types.html#type-name

ID and NAME tokens must begin with a letter ([A-Za-z]) and may be followed by any number of letters, digits ([0-9]), hyphens ("-"), underscores ("_"), colons (":"), and periods (".").

en volgens mij klopt regel 4 niet en mis ik een ; tussen Element') en _div.

[ Voor 64% gewijzigd door RobIII op 23-07-2009 11:03 ]

[Verwijderd]

RobIII schreef op donderdag 23 juli 2009 @ 10:59:
Zorg dat je een reference hebt naar het juiste element (getElementById) en kijk dan eens naar (bijv.) insertBefore...?

Overigens is een enkel-numeriek id zoals jij hebt (id="2") ongeldig:

[...]

Bedankt, ga ik proberen. (id had ik even voor het voorbeeld gedaan)

[Verwijderd]

Je zou ook de nieuwe DIV een ID meegeven en dan in de CSS de plaats definiëren.
Geen idee waar je hem precies wilt hebben op het scherm maar als Div 1 links staat en Div 2 rechts en je wilt hem er precies tussen hebben, dan krijg je ongeveer dit:

Cascading Stylesheet:

#nieuwe_div {
position:absolute;
left:(aantal pixels van div 1);
} 

[XWB]

position:absolute ? Nee dank je, waarom zou je dat doen? De insertBefore () welke RobIII opsomt doet perfect wat je wil.

[PeterSelie]

Daarbij wil positioneren niet perfect hetzelfde weergegeven worden in elke browser met vaak alle hacks van dien, is het niet bedoelt voor dit exacte doel, terwijl insertBefore juist exact hiervoor bedoelt is.

[Verwijderd]

@Hacku en SoaDmaggot
Daar ben ik het ook wel mee eens maar het was meer een suggestie voor als je niet zo goed bent met javascript, dan is het misschien makkelijker om het in je CSS te zetten omdat je daar meer ervaring mee hebt.
Ik zou ook javascript gebruikt hebben hoor

[PeterSelie]

Wanneer een gebruiker slecht is in iets is het geen oplossing een manier aan te leren die naar waarschijnlijkheid problemen met zich meebrengt.
Javascript is aardig basic en zal je als designer toch wel in veel gevallen moeten aanhalen op punten waar CSS niet toereikend is of helemaal niet voor bedoeld is.