faire bouton soumettre disparaissent lorsque vous cliquez dessus

Je voulais savoir si il y avait un moyen que je pouvais adapter ce code pour que quand le bouton "soumettre" a été cliqué, elle allait disparaître, mais la zone de saisie de la demeure. 

<script type="text/javascript">

 var Text = 'hello';

    function setInput(button) {
       var buttonVal = button.name,
       textbox = document.getElementById('input_' + buttonVal);
       textbox.value = Text ;
    }
</script>

<html>
      <input class='input' id="input_a1" name="a1" value="<?php {echo $a1;} ?>"> 
      <input type='submit' name='a1' value='x' onclick='setInput(this); return false;'>
</html>
  • Merci à tous pour votre aide c'est très apprécié. sa fonctionne très bien
InformationsquelleAutor user1559811 | 2013-01-11
  1. 6

    Simplement d'ajouter :

       button.style.visibility = "hidden";

    à la fin de votre SetInput fonction.

    • Parfait, merci beaucoup
    • Notez que l'utilisation de cette méthode permet de conserver le bouton dans la circulation (sens, il faut encore de l'espace, mais vous ne pouvez pas le voir). Si vous souhaitez retirer de la circulation, vous pouvez utiliser button.style.display = 'none'; à la place.
    • Ok, je pense que pour cela c'est très bien, mais merci pour l'info
    InformationsquelleAutor xlecoustillier
  2. 2

    Si vous voulez qu'il disparaisse utiliser...

    button.style.visibility = "hidden";

    Cependant, qui va quitter l'espace que le bouton a été prise (mais elle est vide).

    Si vous voulez de l'espace à disparaître, utiliser ce lieu de la visibility...

    button.style.display = "none";
    InformationsquelleAutor freefaller
  3. 1

    Écrire une fonction js qui permet de masquer un élément.

    function hide() {
    var div = document.getElementyById('whatYouWantToHide');
    div.style.display = 'none';
}

    Vous pouvez bien entendu passer comme un argument, ce qui serait la solution sympa.

    InformationsquelleAutor SBI
  4. 1
    <script type="text/javascript">

 var Text = 'hello';

    function setInput(button) {
       var buttonVal = button.name;
       button.style.display = 'none'; //insert this line
       textbox = document.getElementById('input_' + buttonVal);
       textbox.value = Text ;
    }
</script>
    • Il est toujours préférable de mettre en évidence exactement quel changement vous êtes suggérant, sinon les gens ont de scanner le code ligne par ligne pour essayer de trouver ce qui a changé
    • Merci @freefaller
    InformationsquelleAutor Adriano Silva
  5. 1
    <button onclick="style.display = 'none'">Click Me</button>
    InformationsquelleAutor saikiran
  6. 0

    HTML (pas de bouton) :
    input id="myButton" type="hidden" value="Cliquez-MOI? "

    cette ligne fera le bouton visible:
    document.getElementById("myButton").type="button";

    Je l'ai trouvé beaucoup plus simple

    InformationsquelleAutor anney
  7. -1
    <script type="text/javascript">
function submitform()
{
    document.forms["myform"].submit();
}
</script>
<form id="myform" action="submit-form.php">
Search: <input type='text' name='query'>
<a href="javascript: submitform()">Submit</a>
</form>
    InformationsquelleAutor qwerky