Discussion :

[MInfo25]

Bonjour
Je souhaite supprimer des éléments qui sont avant le bouton suppression. En effet j'ai ce formulaire html :

Code :

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

1
2
3
4
5
6
7
8
9
<form name="monFormulaire" method="post" action="traitement.php">
<fieldset id="experiences">
	<legend> Expériences professionnelles</legend>
	<button onclick="ajout(this);">+ Ajouter une expérience</button>
    <script src="js/fonctions.js"></script> 
 
	</fieldset>
<input type="submit" name="envoyer" value="Envoyer"/>
     </form>

Voici le javascript :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function ajout(element){
        var formulaire = document.getElementById('experiences');            
 
        var str = '<span><input name="champs1[]" type="text" placeholder="Nom de l&apos;entreprise">    </span><span><input name="champs2[]" type="text" placeholder="Fonction occupée">    </span><span><input name="champs3[]" type="text" placeholder="Durée">    </span><span><select name="champs4[]"><option value="" selected="selected">Principal enseignement...</option><option value="connaissance_metier">Connaissance du métier</option><option value="interet_metier">Intérêt pour le métier</option><option value="connaissance_secteur">Connaissance du secteur</option><option value="interet_secteur">Intérêt pour le secteur</option><option value="management">Management</option><option value="rigueur">Rigueur</option></select>    </span><span><input type="checkbox" id="cbox1" value="checkbox1"> Poste actuel        </span><span><input type="button" onclick="suppression(this)"; value="x"></span>';        
        formulaire.innerHTML = str + formulaire.innerHTML;
 
      }
 
      function suppression(element){
        var formulaire = document.getElementById('experiences');
 
        // Supprime les 5 champs
        formulaire.removeChild(element.previousSibling);
        formulaire.removeChild(element.previousSibling);
        formulaire.removeChild(element.previousSibling);
        formulaire.removeChild(element.previousSibling);
		formulaire.removeChild(element.previousSibling);
        // Supprime le bouton de suppression
        formulaire.removeChild(element);
      }

Comment supprimer les champs qui s'ajoutent en cliquant sur le bouton supprimer ?
Merci d'avance pour votre aide

[Invité]

Bonjour,

c'est bien d'ouvrir une nouvelle discussion.
C'est mieux de donner les liens vers les discussions précédentes : ça peut aider à comprendre mieux (et ne pas te reposer les même questions), et à te répondre...

[MInfo25]

Je ne pense pas que les précédentes discussions sont nécessaires à ce que j'en mette des liens. Merci

[Beginner.]

Je ne pense pas que les précédentes discussions sont nécessaires à ce que j'en mette des liens. Merci

En fait je pense que Jreaux62 a raison, personnellement j'aurais du mal à comprendre si je n'avais pas participé aux anciennes discussions... D'ailleurs dans le dernier fil j'avais donné le lien du fil d'avant...

[MInfo25]

Pour faire simple j'ai crée sur jsbin le rendu final : http://jsbin.com/munofosopu/edit?html,output

En cliquant sur le lien vous verrez dans le rendu, le bouton "x" qui permet de supprimer les champs ajoutés (on ajoute les champs avec le bouton "+ Ajouter une expérience").
J'aimerais supprimer les champs qui viennent avant le bonton supprimé !

[Beginner.]

Pour faire simple j'ai crée sur jsbin le rendu final : http://jsbin.com/munofosopu/edit?html,output

En cliquant sur le lien vous verrez dans le rendu, le bouton "x" qui permet de supprimer les champs ajoutés (on ajoute les champs avec le bouton "+ Ajouter une expérience").
J'aimerais supprimer les champs qui viennent avant le bonton supprimé !

- Ben ce serait étrange de supprimer seulement ce qui est avant le bouton "supprimé" , j'avais compris que vouliez supprimer "une expérience" c'est-à-dire tout ce qui est ajouté lorsqu'on clique sur le bouton : "+ Ajouter une expérience"... Ceci inclus donc aussi le bouton "supprimé" lui même.

- De toute façon il faut changer un peu le code car il y a deux choses qui vont peut-être poser problème :

1-Actuellement le code ajoute la nouvelle expérience devant des autres, ce serait plus logique qu'elle s'ajoute à la suite des autres...
2- Quand vous ajouter une expérience tout est initialiser, tous les champs sont effacés, or je suppose qu'il faudrait que les champs remplis soient conservés, non ?

- Sinon dans le JSbin, avez-vous remarqué le problème que j'ai mentionné à savoir : "Sinon il faudrait ajouter un saut de ligne après chaque expérience sinon tout se met à la suite ce qui rend difficile la distinction entre chaque expérience, c'est moins clair..." ?

Exemple on peut avoir ça :



Alors que je suppose on voudrait toujours ça :



non ?

[Beginner.]

Salut,

Vous voulez faire comme ce que faisait l'ancien code ?

Sinon il faudrait ajouter un saut de ligne après chaque expérience sinon tout se met à la suite ce qui rend difficile la distinction entre chaque expérience, c'est moins clair...

On peut aussi mettre chaque expérience dans un bloc (ça faciliterait aussi la suppression).