Afficher/masquer les formes à l'aide de boutons et javascript

J'ai besoin d'afficher un formulaire à l'aide d'un bouton, et de le cacher lorsque l'utilisateur appuie sur un autre bouton, parce que l'autre bouton montre une autre forme. Je n'ai qu'une chose semblable à sélectionner la zone, mais je ne peux pas comprendre comment le faire.

Tout le monde est en train de vous demander ce que vous avez déjà essayé parce que personne ici ne veut faire votre travail à partir de zéro. Il nous fait nous sentir tout chaud et floue à l'intérieur quand on voit que tu as essayé au moins aussi dur que nous avons à vous fournir une réponse.
Bon... j'ai essayé d'écrire une fonction Javascript similaire à celui avec la boîte de sélection truc, mais je ne sais pas comment le faire.
Montre-nous ton code?
Ok, tant pis, je le saurai.
pour créer des liens vers votre propre site, ce qui tue le bouton de retour de la fonctionnalité! 😉

OriginalL'auteur Marko Mijailovic | 2012-06-27

html javascript

20

utiliser le fragment de code suivant pour masquer le formulaire sur le bouton cliquez sur.
```
document.getElementById("your form id").style.display="none";
```
et suivant du code pour l'afficher
```
document.getElementById("your form id").style.display="block";
```
ou vous pouvez utiliser la même fonction pour les deux fins
```
function asd(a)
{
    if(a==1)
    document.getElementById("asd").style.display="none";
    else
    document.getElementById("asd").style.display="block";
}
```
et le html
```
<form id="asd">form </form>
<button onclick="asd(1)">Hide</button>
<button onclick="asd(2)">Show</button>
```
J'utilise jQuery à la place. Tout le reste est devenu dangereux pour moi.
Pouvez-vous faire que sur le niveau de forme, ou avez-vous besoin d'envelopper votre formulaire dans un div?
ouais, mais il répond à sa question en simple js droite!!!! si la réponse est fausse alors downvote ailleurs il n'y a aucune raison pourquoi il l'habitude de répondre à la question.
il n'y a pas de problème à le faire au niveau du formulaire

OriginalL'auteur Neji
3

Il y a quelque chose je parie que vous avez déjà entendu parler de cela! Il est appelé http://jquery.com
```
$("#button1").click(function() { $("#form1").show(); };
```
C'est vraiment facile et vous pouvez utiliser les feuilles de style CSS comme les sélecteurs et vous pouvez ajouter des animations. Il est vraiment facile à apprendre.

-1 Vraiment, vous serait de charger l'ensemble de la bibliothèque pour cette simple fonctionnalité
Vous êtes toujours va utiliser jQuery.
+1 comme je suis sûr qu'il a d'autres choses qui se passent dans son application web qui pourraient rendre l'utilisation de JQuery.

OriginalL'auteur Fabio Poloni

Si vous avez un conteneur et deux sous-conteneurs, vous pouvez le faire comme ceci

jQuery

    $("#previousbutton").click(function() {
    $("#form_sub_container1").show();
    $("#form_sub_container2").hide(); })

    $("#nextbutton").click(function() {
    $("#form_container").find(":hidden").show().next();
    $("#form_sub_container1").hide();
})

HTML

     <div id="form_container">
            <div id="form_sub_container1" style="display: block;">
            </div>

            <div id="form_sub_container2" style="display: none;">
            </div>
     </div>

OriginalL'auteur usercode

Souhaitez-vous que le même formulaire avec les différentes parties, chaque partie en conséquence avec un bouton?

Ici un exemple avec trois étapes

En HTML, il suffit d'insérer

<body onload="shows_form_part(1)">
  <form>
    <div id="form_part1">
      <!--form elements 1-->
      <button type="button" onclick="shows_form_part(2)">&raquo;</button>
    </div>
    <div id="form_part2">
      <!--form elements 2-->
      <button type="button" onclick="shows_form_part(1)">&laquo;</button>
      <button type="button" onclick="shows_form_part(3)">&raquo;</button>
    </div>
    <div id="form_part3">
      <!--form elements 3-->
      <button type="button" onclick="shows_form_part(2)">&laquo;</button>
      <button type="button" onclick="submit_form()">Submit</button>
    </div>
  </form>
</body>

en Javascript définir cette fonction, qui ne montre que le formulaire de la partie et masque les autres pièces.

function shows_form_part(n){
    var i = 1, p = document.getElementById("form_part"+1);
    while (p !== null){
        if (i === n){
            p.style.display = "";
        }
        else{
            p.style.display = "none";
        }
        i++;
        p = document.getElementById("form_part"+i);
    }
}

Ensuite, vous avez juste besoin de définir la submit_form() fonction.

Les caractères HTML « et » il suffit d'imprimer respectivement « et » qui peut être intéressant pour le précédent et suivant) bouton de caractères.

Vérifier la JSfiddle exemple.

OriginalL'auteur João Pimentel Ferreira

Vous devez vous connecter pour publier un commentaire.