Discussion :

[K-LiBR3]

Effectivement, ceici marche tres bien quand on a le focus :

Code :

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

1
2
3
4
5
6
7
8
document.onkeydown = function(e)
						{
							if(e.ctrlKey && e.keyCode==83)
							{
								(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
								$('newThird').innerHTML = 'Envoie du formulaire';
							}
						}

[K-LiBR3]

est ce que quelqu'un serai comment déclencher l'appuie sur un bouton summit en javascript ?

Car après mon ctrl + s, je voudrais que sa envoie un formulaire ^^ !

[SpaceFrog]

Code :

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

document.forms[0].submit()

[K-LiBR3]

Code :

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

document.forms[0].submit()

C'est tellement évidant x) merci beaucoup

[K-LiBR3]

Rebonjour tout le monde,

le code que vous m'avez donné marche très bien, mais malheureusement ne marche qu'une seul fois :

Code :

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

1
2
3
4
5
document.onkeydown = function(e){
	if(e.ctrlKey && e.keyCode==83){
	(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
		// Ta fonction
	}

Comment pourrais je faire pour qu'il marche autant de fois que je veux ?

[K-LiBR3]

Personne n'a de solution ? je ne comprend pas pourquoi sa ne marche qu'une seul fois oO

[nadox]

Bonsoir, quel est le code utilisé exactement ? Si tu envoie un formulaire, la page est rechargée...

[Watilin]

Dites les gars, je dois être complètement à l'ouest parce qu'aucune des solutions données ne marche chez moi. Je peux ajouter un comportement sur Ctrl + S, mais pas remplacer le comportement par défaut… De plus, sous Gmail et Google Docs, j'ai la même fenêtre qu'ailleurs, donc je ne vois pas de quoi vous parlez.
Mon navigateur est Firefox 3.6, et j'ai vérifié 15 fois…

[K-LiBR3]

En fait, tu écris des truc dans un textarea --> donc tu a le focus sur la page
Après tu fais ton ctrl + s et le code fonctionne

A l’intérieur tu met se que tu veux, j'ai mis un envoie de formulaire --> OK, sa recharge la page

Mais pour ma deuxième utilisation, la fonction du ctrl + s apuie sur un boutons qui envoie un ajax.request (sa ne recharge pas la page), lors du 2eme ctrl + s, sa ne marche plus !!! En fait c'est un bloc note que j'ai creer, vous pouvez test ici : http://hayj.free.fr

[K-LiBR3]

Peu être qu'il faut supprimé le onkeydown et le recréer ?

[nadox]

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
34
35
36
37
38
39
40
41
42
43
44
45
46
 
<!-----------BLOC NOTE------------->
<form style="position: absolute; width: 339px; right: 0;" id="formulaireCSS3">
	<label style="font-size: 15px; top: -7px; left: 130px;" for="textarea">Bloc-note :</label>
	<textarea id="textarea" name="textarea" cols="40" rows="40"></textarea>
	<div id="chargement"><input id="saveBloc" style="position: relative; top : -5px; left: 138px; margin: 3px;" type="submit" value="save" onclick="editBlocnote();"/></div>
</form>
<script>
	//On l'edit :
	function editBlocnote()
	{
		$('chargement').innerHTML = '<img style="position: relative; top : -5px; left: 154px; margin-bottom: 1px;" src="images/chargement.gif"/>';
		var params = 'text=' + $('textarea').value;
		new Ajax.Request
		(
			"editBlocnote.php",
			{
				method: 'post',
				parameters: params,
				onComplete: function(transport)
				{
					setTimeout("updateButton()", 500);
				}
			}
		);
	}
 
	function updateButton()
	{
		$('chargement').innerHTML = '<input style="position: relative; top : -5px; left: 138px; margin: 3px;" type="button"value="save" id="createNew" onclick="editBlocnote();"/>';
	}
 
	createOnkeydown();
	function createOnkeydown()
	{
		document.onkeydown = function(e)
		{
			if(e.ctrlKey && e.keyCode==83 && $('saveBloc') != null)
			{
				(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
				$('saveBloc').click();
			}
		}
	}
</script>
<!-----------------------------------></div>

Tu utilise un input type subit que tu enlevé lorsque tu poste via Ajax, puis tu en recréé un autre de type button lorsque l'ajax revient... Mais surtout : ton input de type button n'as plus d'id ?!
De plus, il n'est pas très conseillé d'utiliser la méthode click...

Tu devrais n'utiliser qu'un input de type button, ne pas le supprimer mais plutôt le masquer, et sur le ctrl + s, pourquoi ne pas appeler simplement la fonction editBlocnote ?

[K-LiBR3]

Wahouuu je me rend compte de toutes mes erreur
Tu a raison, c'est pas le ctrl+ s qui ne marche pas, c'est juste que je remet pas le même id !
De plus j'ai pas besoin de faire mon .click(), il faut juste rappelé la fonction

Par contre je ne peux pas caché mon input parce que je le remplace par une image et apres je le remet !!!

Merci beaucoup de m'avoir aider (je pensais vraiment que c'était le ctrl + s qui ne marchait qu'une fois...), je met tout de suite le topic en résolu

[nadox]

Si si tu peux masquer l'input plutôt que le supprimer et afficher l'image avant la requête Ajax. Puis, lors du retour de l'ajax, tu masque l'image et tu réaffiche l'input... C'est un simple jeu de style css avec la propriété display !

[K-LiBR3]

Si si tu peux masquer l'input plutôt que le supprimer et afficher l'image avant la requête Ajax. Puis, lors du retour de l'ajax, tu masque l'image et tu réaffiche l'input... C'est un simple jeu de style css avec la propriété display !

Ouep ok jvais faire ça rien que pour te faire plaisir <3

[K-LiBR3]

Voilà c'est fait ^^

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
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
<!-----------BLOC NOTE------------->
<form style="position: absolute; width: 339px; right: 0;" id="formulaireCSS3">
	<label style="font-size: 15px; top: -7px; left: 130px;" for="textarea">Bloc-note :</label>
	<textarea id="textarea" name="textarea" cols="40" rows="40"><?php
                        if(!($fp = fopen("private/blocnote.txt","r")))
                        {
                                echo "Echec de l'ouverture du fichier";
                                exit;
                        }
                        while(!feof($fp))
                        {
                                // On récupère une ligne
                                $ligne = fgets($fp,255);
                                // On affiche la ligne
                                echo $ligne;
                        }
                        fclose($fp); // On ferme le fichier
                ?></textarea>
	<div id="chargement">
		<input style="position: relative; top : -5px; left: 138px; margin: 3px;" type="button" value="save" id="createNew" onclick="editBlocnote();"/>
		<img id="imgChargement" style="position: relative; top : -5px; left: 154px; margin-bottom: 1px; display: none;" src="images/chargement.gif"/>
	</div>
 
</form>
<script>
	//On l'edit :
	function editBlocnote()
	{
		//$('chargement').innerHTML = '<img style="position: relative; top : -5px; left: 154px; margin-bottom: 1px;" src="images/chargement.gif"/>';
		$('createNew').style.display = "none";
		//$$('#chargement > img').style.display = "block"; //ne fonctionne pas oO
		$('imgChargement').style.display = "block";
		var params = 'text=' + $('textarea').value;
		new Ajax.Request
		(
			"request/editBlocnote.php",
			{
				method: 'post',
				parameters: params,
				onComplete: function(transport)
				{
					setTimeout("updateButton()", 500);
				}
			}
		);
	}
 
	function updateButton()
	{
		//$('chargement').innerHTML = '<input style="position: relative; top : -5px; left: 138px; margin: 3px;" type="button" value="save" id="createNew" onclick="editBlocnote();"/>';
		$('imgChargement').style.display = "none";
		$('createNew').style.display = "block";
	}
 
	createOnkeydown();
	function createOnkeydown()
	{
		document.onkeydown = function(e)
		{
			if(e.ctrlKey && e.keyCode==83 && $('createNew') != null)
			{
				(navigator.appName.substring(0,3)=="Mic") ? event.returnValue = false : e.preventDefault();
				editBlocnote();
			}
		}
	}
</script>
<!----------------------------------->