[javascript] action en appuyant sur la touche enter

action en appuyant sur la touche enter [javascript] - HTML/CSS - Programmation

Marsh Posté le 21-07-2010 à 14:40:20    

Salut ;)
 
Je dois modifier un petit bout de javascript pour qu'une action s'effectue également lorsque j'appuye sur la touche entrée.
 

Code :
  1. function addVersionDialog(){
  2. $("#addVersionDialog" ).dialog({
  3.  resizable : false,
  4.  bgiframe: true,
  5.  modal: true,
  6.  width: 400,
  7.  close: function(ev, ui) {
  8.   $(this).dialog('destroy');
  9.  },
  10.  buttons: {
  11.   Annuler : function() {
  12.    $("#addVersionDialog" ).dialog('destroy');
  13.   },
  14.   Enregistrer: function() {
  15.    $("#SoftwareVersionAddVersionForm" ).ajaxSubmit({
  16.     async:true,
  17.     type:'post',
  18.     url: $("#SoftwareVersionAddVersionForm" ).attr('action'),
  19.     error : function (xhr, ajaxOptions, thrownError){
  20.         //alert("Erreur\n"+xhr.responseText);
  21.     },
  22.     complete:function(request, textStatus){
  23.      eval(request.responseText);
  24.      if(success){
  25.       $.jGrowl(errorString, { header: 'Informations :', theme:'ui-state-highlight'});
  26.       $("#addVersionDialog" ).dialog('destroy');
  27.       setTimeout("location.reload(true)", 800);
  28.      }else{
  29.       $.jGrowl(errorString, { header: 'Error :', sticky: true, theme:'ui-state-error'});
  30.      }
  31.     }
  32.    });
  33.   }
  34.  }
  35. });
  36. $("#addVersionDialog" ).dialog('open');
  37. }


 
Comme vous pouvez le voir il y a deux bouttons, "annuler" et "enregistrer", j'aimerais que lorsque l'internaute appuie sur la touche entrée ça effectue l'action "entregistrer".... en réalité mes connaissances en javascript sont proches de zéro :/

Reply

Marsh Posté le 21-07-2010 à 14:40:20   

Reply

Marsh Posté le 21-07-2010 à 14:51:13    

J'ai trouvé ça, qui pourrait m'être utile, mais je ne vois pas bien comment l'intégrer dans le scripte  [:alexmagnus]  
 

Code :
  1. onkeydown="if ((event.which && event.which == 13) ||
  2.     (event.keyCode && event.keyCode == 13))
  3.     {document.myForm.myHtmlInputButton.click();return false;}
  4.     else return true;"


---------------
Bla (blaa bbla)
Reply

Marsh Posté le 22-07-2010 à 23:33:56    

petit up car c'est toujours d'actualité :o

Reply

Marsh Posté le 23-07-2010 à 16:25:33    

je me réponds pour ceux qui auraient un problème similaire: j'ai trouvé ce petit hack sur le net, qui permet de desactiver la touche enter pour les submit de form:
 

Code :
  1. function stopRKey(evt) {
  2.    var evt = (evt) ? evt : ((event) ? event : null);
  3.    var node = (evt.target) ? evt.target : ((evt.srcElement) ? evt.srcElement : null);
  4.    if ((evt.keyCode == 13) && (node.type=="text" ))  {return false;}
  5.  }
  6.  document.onkeypress = stopRKey;


---------------
Bla (blaa bbla)
Reply

Sujets relatifs:

Leave a Replay

Make sure you enter the(*)required information where indicate.HTML code is not allowed