plugin timer, envoi d'un formulaire

Version imprimable

Bonsoir,

Je dois envoyer un formulaire tout simple. Mais lorsque je clique sur le bouton, ce dernier doit permuter pour laisser place à un autre formulaire. Le souci étant que c'est la permutation qui prend le pas sur l'envoie du formulaire. Pour ce faire, j'utilise jquery.timer., un plugin permettant d'utiliser setTimeout à la manière de JQuery. Ce qui donne:
Code:

1 2 3 4 5 6 7 8 9 10 11 $(document).ready(function(){ $('#printBtnDef').bind('click',function(){ $(this).delay(1500,function(){ $('#form1').remove(); $('#bonCom').after('<form id="form1" name="form1" method="post" action=""><input type="button" name="printBtnDef" id="printBtnDef" value="compta" /></form>'); }); }); }); <form id="form1" name="form1" method="post" action=""> <input type="button" name="printBtnDef" id="printBtnDef" value="print" /> </form>
Mais l'attente (1.5 s) et l'envoie du formulaire ne se fait pas... pourquoi ?
merci,

27/04/2010, 02h25
danielhagnoul

Bonsoir.

Ce plugin est obsolète, delay() est une fonction du langage jQuery. Voir http://api.jquery.com/delay/
27/04/2010, 09h29
yann18

re:

Bonjour,

Oui, je suis au courant de cette fonction. Le souci est qu'elle doit s'intercaler entre deux animations, éléments qui ne rentre pas en ligne de compte dans le développement et d'où mon utilisation de ce plugin.
Comment puis-je faire alors ?
merci,

Bonjour.

Code:

1
2
3
4
5
6
7
8
9
10
$(function(){
	$.fn.attendre = function(time, callback){
		jQuery.fx.step.attendre = function(){};
		return this.animate({attendre:1}, time, callback);
	}
 
	$("#conteneur").attendre(5000, function(){
		$(this).css("color","red");
	});
});

re:

Merci pour le code, que j'ai essayé d'adapter au miens, mais ça ne fonctionne pas:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
$(function(){
                $.fn.attendre = function(time, callback){
                    jQuery.fx.step.attendre = function(){};
                    return this.animate({attendre:1}, time, callback);
                }
                $("#printBtnDef").click(function(){
                    $.(this).attendre(2500, function(){
                        $('#form1').remove();
                        $('#bonCom').after('<form id="form1" name="form1" method="post" action=""><input type="button" name="printBtnDef" id="printBtnDef" value="compta" /></form>');
                    });
                });
            });

J'envoie bien le formulaire, mais il n'y pas de permutation de bouton
merci,

27/04/2010, 12h03
danielhagnoul

Code:

$(this).attendre(...)

Pas : $.(this).attendre(...)
27/04/2010, 12h23
yann18

re:

Merci pour la correction, mais ce n'est toujours pas ça... :roll:

Bonsoir.

Cela fonctionne pourtant très bien chez moi. Je pense que votre problème vient d'ailleurs.

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
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
<!doctype html>
<html lang="fr">
<head>
	<meta charset="utf-8">
	<meta name="Author" content="Daniel Hagnoul">
	<meta name="description" content="Page type">
	<title>Page type</title>
	<style>
		/* BASE */
		body {
			background-color:#ffffff;
			color:#000000;
			font-family:sans-serif;
			font-size:medium;
			font-style:normal;
			font-weight:normal;
			line-height:normal;
			letter-spacing:normal;
		}
		h1,h2,h3,h4,h5 {
			font-family:serif;
		}
		div,p,h1,h2,h3,h4,h5,h6,ul,ol,dl,form,table,img {
			margin:0px;
			padding:0px;
		}
		p {
			padding:6px;
		}
		ul,ol,dl {
			list-style:none;
			padding-left:6px;
			padding-top:6px;
		}
		li {
			padding-bottom:6px;
		}
		/* TEST */
	</style>
	<script charset="utf-8" src="../lib/jqueryui-1.8/js/jquery-1.4.2.min.js"></script>
 	<script>
		$(function(){
			$.fn.attendre = function(time, callback){
				jQuery.fx.step.attendre = function(){};
				return this.animate({attendre:1}, time, callback);
			}
 
			$("#conteneur").attendre(5000, function(){
				$(this).css("color","red");
			});
		});
	</script>
</head>
<body>
	<div id="conteneur">
		<p>Un mot pour remplir</p>
	</div>
</body>  
</html>

28/04/2010, 13h55
yann18

re:

Je vais étudier ça... merci,