Création de DIV sur clic bouton

Bonjour,

en essayant de m'inspirer des tutos sur le net, j'ai créé une fonction pour rajouter une div dans la page via un clic sur un bouton mais rien ne se passe. Venant de commencer le javascript j'espère que vous serez indulgents ^^'

Code:

---

1 2 3 4 5 6 7 8 9 10

function add_bloc(){ var new_div = document.createElement('div'); new_div.style.position = 'absolute'; new_div.style.top = '150px'; new_div.style.left = '200px'; new_div.style.width = '50px'; new_div.style.height = '50px'; document.getElementById('box_fullpage').appendChild(new_div);//box_fullpage est une div dans laquelle je souhaite faire apparaitre la div créée }

---

Et le code du bouton :

Code:

---

1 2	<input type="button" value="Ajouter un bloc" onclick="add_bloc();" />

---

En vous remerciant par avance de votre aide :)

et tu le mets dans quoi ?

Code:

---

document.getElementById('box_fullpage')

---

Merci pour ta réponse rapide mais je ne suis pas sûr d'avoir compris ta précision ^^'

box_fullpage est une div dans laquelle je souhaite faire apparaitre la div créé via le clic bouton (cf commentaire). La div box_fullpage existe déjà au chargement de la page, je récupere donc son ID pour placer la nouvelle div avec appendChild.

Incorrect cap'taine ?

cette div destinataire tu lui a mis overflow scroll ?

Non, je n'ai rien mis d'extravagant.

Code:

---

1 2 3 4 5 6 7

#box_fullpage{ margin-top:30px; margin-left:150px; width:1500px; height:1000px; border:1px solid black;}

---

Je n'ai rien concernant new_div dans mon css par contre, les propriétés pour la nouvelle div sont instaurés dans le JS (plus clairement je n'ai pas de #new_div{position:none;} ).
Mais la div crée étant en position:absolute, elle devrait se placer indépendamment du reste non ?

Essaye de rajouter

Code:

---

new_div.style.backgroundColor = 'gold';

---

histoire de pouvoir visualiser ta div vide...

Ahah ! Putain comment je me sens con pour le coup x)

Effectivement du blanc sur du blanc c'est relativement peu facile de voir un changement.

Merci beaucoup, 2h que je me prend la tête pour un truc débile quand même :)