Bouton supprimer et suppression d'un formulaire

Logiciel & apps Programmation
1

Bonjour,

Avec l’entière aide de Kookiz33, j’ai pu ajouter un formulaire avec le code suivant :


var nbFormulaires = 1
    
    function AjouterFormulaire()
    {
        var formHTML = document.getElementById('formulaireReference').innerHTML;
     
        formHTML = formHTML.replace(/chaine0/g, 'chaine' + nbFormulaires);
        formHTML = formHTML.replace(/codage0/g, 'codage' + nbFormulaires);
        formHTML = formHTML.replace(/def0/g, 'def' + nbFormulaires);
        formHTML = formHTML.replace(/syst0/g, 'syst' + nbFormulaires);
        
        document.getElementById('formulaires').innerHTML += formHTML;
    
        nbFormulaires++;
    }

le formulaireReference étant :


<div id="formulaireReference">
      <label> Chaine
      <input type="text" name="chaine0" size="20" id="chaine"/>
      </label>
      <p>
        <LABEL>Codage : </LABEL>
        MPG4
        <input type="radio" name="codage0" value="mpg4" class="OPTION" />
        MPEG2
        <input type="radio" name="codage0" value="mpeg2" class="OPTION" >
      <p>
        <LABEL>Définition : </LABEL>
        SD
        <input type="radio" name="def0" value="SD" class="OPTION" />
        HD
        <input type="radio" name="def0" value="HD" class="OPTION" >
      <p>
        <LABEL>Systeme : </LABEL>
        MPG4
        <input type="radio" name="syst0" value="PAL" class="OPTION" />
        MPEG2
        <input type="radio" name="syst0" value="NTSC" class="OPTION" >
      <p> 
      <input type="button" id="supFormRef" name="supFormRef" value="supprimer" style="display:none" style="visibility:hidden"  >
    </div>

D’une, j’aimerais que le bouton supFormRef apparaisse qu’aux deuxième ajout de formulaire.
Et de deux, j’aimerais que mon bouton supFormRef supprime (pas seulement vider comme reset) le formulaire créer, donc le fait que je veuille qu’il n’apparaisse qu’au deuxième formulaire.

Voilà, je ne sais pas du tt par quoi commencer, ni comment, donc si vous avez un piste, une idée, un conseil, un code, ce serait excellent.

Merci d’avance

2

Pour faire apparaitre le bouton, tu peux tout simplement rajouter dans la fonction AjouterFormulaire :

document.getElementById('supFormRef').style.visibility = 'visible';

(et remplacer le display:none du bouton par “visibility:hidden”).

Pour supprimer les formulaires supplémentaires en appuyant sur le bouton, rajoute lui la propriété suivante :

onclick="document.getElementById('formulaires').innerHTML = ''"
3

merci pour


onclick="document.getElementById('formulaires').innerHTML = ''"

mais pour


document.getElementById('supFormRef').style.visibility = 'visible';

je l’avais fait aussi, mais j’aimerais juste qu’il apparaisse aux formulaires ajouter, pas au premier, à l’initial