Créer et supprimer une div avec javascript ?

Signaler
Messages postés
2
Date d'inscription
jeudi 9 avril 2009
Statut
Membre
Dernière intervention
19 mai 2009
-
Messages postés
2
Date d'inscription
jeudi 9 avril 2009
Statut
Membre
Dernière intervention
19 mai 2009
-
Bonjour à tous !

Alors voilà, j'essaye depuis un petit moment de créer une fonction en javascript et je bloque un peu.

Pour simplifier : j'ai une div, disons de 500px sur 500px, avec un background bleu. J'ai également un bouton "+". Mon but : faire en sorte qu'à chaque fois que je clique sur +, un carré rouge de 50px par 50 px apparaisse dans ma div bleu (si je clique deux fois, j'ai donc deux carrés, etc...). Puis, il faut que si je clique sur l'un des carrés rouge, celui ci disparaisse sans laisser de trou (c'est à dire que les autres se décalent). Je galère...

J'ai tout d'abord essayé avec des "document.getElementById()", puis avec des "document.createElement()", mais rien n'y fait. Il doit me manquer quelque chose.

Auriez vous des pistes s'il vous plaît ?

Merci d'avance !

2 réponses

Messages postés
1769
Date d'inscription
vendredi 9 mai 2008
Statut
Modérateur
Dernière intervention
23 octobre 2020
105
bonjour

tu doit cree le div puis l'inserer dans le div principale avec appendChild

ces ligne cree un div dans l'insere dans mondiv qui a comme non de classe css maclasse class qui contiendra les dimmentions de la div et sa couleur. et pour finir on ajoute un evenement onclick qui devra pointer ver une fonctionne qui supprimera cette div

var azerty=document.createElement('div')
azerty.setAttribute("class",'maclass')
azerty.onclick=mafonctionquisupprime
document.getElementById('mondiv').appendChild(azerty)
Messages postés
2
Date d'inscription
jeudi 9 avril 2009
Statut
Membre
Dernière intervention
19 mai 2009

Merci pour ta réponse,

Ca marche pas mal ! Il me reste un problème : comme chaque une div doit être créé à chaque clic, il y aura plusieurs div affichées si on clique plusieurs fois sur "+". Donc je vais devoir créé un compteur pour que chaque div possède une class différente. Mon problème : dans la fonction qui supprime la div cliquée, comment retrouve t-on la classe que l'on souhaite, pour que ce ne soit pas que la dernière div qui soit supprimée ?

Merci d'avance !