CTRL+S function JS (submit like)

**ben7875** · 28/10/2010, 15h19

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

<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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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?***

**SpaceFrog** · 28/10/2010, 15h31

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

**ben7875** · 28/10/2010, 15h32

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

**SpaceFrog** · 28/10/2010, 15h33

si tu mets un alert il se declenche ?

**ben7875** · 28/10/2010, 15h36

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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

**SpaceFrog** · 28/10/2010, 15h41

voici un code qui fonctionne sous ffx

reste plus qu'a l"adapter pour IE

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SpaceFrog** · 28/10/2010, 16h25

code valide ie et ffx

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**ben7875** · 28/10/2010, 16h48

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!

**ben7875** · 28/10/2010, 16h54

Je me demande si c'est pas ca qui gène : <form method='post' onsubmit='return check_form(this)' id="form_article">

**dukej** · 28/10/2010, 16h57

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.

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

**SpaceFrog** · 28/10/2010, 16h59

quels sont les symptomes ..???

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**ben7875** · 28/10/2010, 17h10

Quelque chose comme cela ?

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**SpaceFrog** · 28/10/2010, 17h15

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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; 
  }
 
 }

**dukej** · 28/10/2010, 18h02

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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;
    }
}
 
}

**ben7875** · 02/11/2010, 13h43

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**Bovino** · 02/11/2010, 13h51

Un submit effectué manuellement ne lance pas le onsubmit.

**SpaceFrog** · 02/11/2010, 14h14

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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>

**ben7875** · 02/11/2010, 14h35

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.

**ben7875** · 02/11/2010, 14h37

c'est peu etre lié à cela

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

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 :

Sélectionner tout - Visualiser dans une fenêtre à part

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

CTRL+S function JS (submit like)

JavaScript

Discussions similaires

Partager

Partager