CTRL+S function JS (submit like)

Version imprimable

Bonjour, j'ai une page modif.php dans lequel s'affiche par exemple un texte en cours d'édition. Pour terminer l'édition, nous cliquons sur le boutons save.

Code:

<input type="submit" id="subedit" name="save" value="save" />

Je souhaite utiliser CTRL+S pour sauvegarder pour éviter d'appuyer sur le bouton save.

J'ai donc écrit un script js et voici actuellement mon code :
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 var isCtrl = false; document.onkeyup=function(e){ if(e.which == 17) isCtrl=false; } document.onkeydown=function(e){ if(e.which == 17) isCtrl=true; if(e.which == 83 && isCtrl == true) { ***quelle code écrire ici pour faire comme le bouton enregistrer?*** return false; } }
***quelle code écrire ici pour faire comme le bouton enregistrer?***

28/10/2010, 15h31
SpaceFrog

heu ben c'est pas déja fait ???
tu soumets le form pour sauvergarder non ?

Bien que tu aies supprimé la ligne dans le code :roll:
28/10/2010, 15h32
ben7875

Arf, bonjour, je viens d'édité le post. J'ai retiré le submit form, car cela ne marche pas. En effet lorsque je fait CTRL +S, il ne se passe rien
28/10/2010, 15h33
SpaceFrog

si tu mets un alert il se declenche ?

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
 
// CTRL + S
	var isCtrl = false;
	document.onkeyup=function(e){ 
		if(e.which == 17) isCtrl=false; 
} 
	document.onkeydown=function(e){ 
		if(e.which == 17) isCtrl=true;
		if(e.which == 83 && isCtrl == true) {
	alert("test CTRL+S");
return false; } 
 
}

lorsque je fait CTRL+S l'alert fonctionne

voici un code qui fonctionne sous ffx

reste plus qu'a l"adapter pour IE

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<script type="text/javascript">
function init(){	
	var isCtrl = false; 
	document.onkeyup=function(e){
	 if(e.which == 17){ isCtrl=false;} } 
	document.onkeydown=function(e){ 
		if(e.which == 17) {isCtrl=true;}
	   if(e.which == 83 && isCtrl == true) { alert('sauvergarde')
   } 
 
   return false; 
 
 }
 }
 
</script>
</head>
 
<body onload='init()'>
 
</body>
 
</html>

code valide ie et ffx

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
 
<script type="text/javascript">
var isCtrl = false; 
function init(){	
	document.onkeyup=function(e){
		 (!e) && (e=window.event);
		  k=(!window.event)?(e.keyCode):(e.which);
		  isCtrl=!(k == 17)
 
		  }
 
	document.onkeydown=function(e){ 
		(!e) && (e=window.event);
		 k=(e.keyCode) ? (e.keyCode) : (e.which)
		if(k == 17){isCtrl=true}
		 if(k == 83 && isCtrl) {
		// ici lancement du raccourci
		alert('sauvergarde')
				isCtrl=false } 
 
   return false; 
  }
 
 }
 
</script>
 
</head>
<body onload='init()'>
 
</body>
 
</html>

28/10/2010, 16h48
ben7875

Merci pour ton aide, le premier que tu m'a donné ne marchait pas. Je vais tester le second durant la soirée, car je doute que ca marche car ma page edit.php n'est une une simple page avec seulement 1 petit form.

Je vois ca et vous tiens au courant!
28/10/2010, 16h54
ben7875

Je me demande si c'est pas ca qui gène : <form method='post' onsubmit='return check_form(this)' id="form_article">
28/10/2010, 16h57
dukej

La détection d'un racourci clavier de type CTRL+LETTRE ne se fait pas comme ça.

L'event retourne toujours les touches spéciables comme CTRL/ALT/MAJ qui permettent des raccourcis dans des propriétés sur event propre à chaque touche.

Citation:

The properties event.ctrlKey, event.altKey, event.shiftKey are self-explanatory. Their values are true if the corresponding keys are pressed, and false otherwise.

quels sont les symptomes ..???

Code:

1
2
3
4
 
if(document.forms['form_article'].onsubmit()){
            document.forms['form_article'].submit()
}

duke, j'ai testé le code sous ie et ffx et il fonctionne ceci étaznt on peut en effet le simplifier

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
<script type="text/javascript">
function init(){	
 
	document.onkeydown=function(e){ 
		(!e) && (e=window.event);
		 k=(e.keyCode) ? (e.keyCode) : (e.which)
		 if(k == 83 && e.ctrlKey) {
		// ici lancement du raccourci
		alert('sauvergarde')
				isCtrl=false } 
 
   return false; 
  }
 
 }
 
</script>

Quelque chose comme cela ? :oops:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
 
<script type="text/javascript">
var isCtrl = false; 
function init(){	
	document.onkeyup=function(e){
		 (!e) && (e=window.event);
		  k=(!window.event)?(e.keyCode):(e.which);
		  isCtrl=!(k == 17)
 
		  }
 
	document.onkeydown=function(e){ 
		(!e) && (e=window.event);
		 k=(e.keyCode) ? (e.keyCode) : (e.which)
		if(k == 17){isCtrl=true}
		 document.getElementById('foo').value=k
		 if(k == 83 && isCtrl) {
 
			if(document.forms['form_article'].onsubmit()){
            document.forms['form_article'].submit()
}
		alert('sauvegarde')
				isCtrl=false } 
 
   return false; 
  }
 
 }
 
</script>

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
function init(){	
 
	document.onkeydown=function(e){ 
		(!e) && (e=window.event);
		 if(((e.keyCode) ? (e.keyCode) : (e.which))== 83 && e.ctrlKey) {
		// ici lancement du raccourci
		alert('sauvergarde')
				isCtrl=false } 
 
   return false; 
  }
 
 }

Faudrait juste faire un peu de nettoyage dans ce code c'est le bordel dans les parentheses, et réduit ça donne ceci et en plus ça fonctionne :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
function init(){    
    document.onkeydown=function(e){
        !e && (e=window.event);
        if(e.ctrlKey && (e.keyCode || e.which)==83) {
            alert('prout');
        }
       return false;
    }
}
 
}

Bonjour, mon script parait nickel, cependant lorsque je fait CTRL + S la page se rafraichit, et toute les saisons des modifications sur ma page sont annulés... une idée ? (l'alert fonctionne)
Code:

1 2 3 4 5 6 7 8 9 10 11 <script src="http://code.jquery.com/jquery-latest.min.js"></script> <script> $(window).keypress(function(event) { if (!(event.which == 115 && event.ctrlKey)) return true; document.forms['form_article'].submit() alert("Ctrl-S pressed"); return false; }); </script>

02/11/2010, 13h51
Bovino

Un submit effectué manuellement ne lance pas le onsubmit.

Code:

1
2
3
4
5
6
7
8
9
<script>
$(window).keypress(function(event) {
    if (!(event.which == 115 && event.ctrlKey)) return true;
 
	document.forms['form_article'].onsubmit() && document.forms['form_article'].submit()
	alert("Ctrl-S pressed");
    return false;
});
</script>

02/11/2010, 14h35
ben7875

Ca ne marche tjr pas mais je pense avoir identifié la source du problème avec fiddler (sniffer bebuger).
En effet, lorsque j'édit et que j'execute la fonction CTRL+S, la variable nommé :
name : save value : engeristrer, ne passe pas dans le POST.

c'est peu etre lié à cela
Code:

1 2 3 4 5 6 7 if(count($_POST) and isset($_POST['save'])) { //print_r($_POST); $article_id = add_article($_POST); if (!show_error()) { header("Location: " . sprintf("%s?article=%u", $_SERVER['PHP_SELF'], $article_id)); } }
mais je ne vois pas comment résoudre cette histoire. Pour rappel mon boutton engeristrer c'est ca :

Code:

<input type="submit" id="btn" name="save" value="Enregistrer" />