delay() affichage à retardement

Version imprimable

Salut à tous,

J'essaye tout simplement d'afficher un div ..seconde après un click.
Je cherche mais je n'arrive pas malgrés l'utilisation de .delay()

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr" lang="fr">
	<head>
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.7.2.min.js"></script>
	<script language="javascript" type="text/javascript">
		function affiche(){
 		 	$(this).delay(3000,
 		 		function(){
     			$("#ato").css("display","block");
  				}
  			);
		}
	</script>
	<style type="text/css">
		#ato{display:none;}
	</style>  
	</head>
<body>
	<button onclick="affiche()">Copy Text</button>
	<div id="ato">test</div>
</body>
</html>

Si quelque peux m'aider je l'en remercie.

24/06/2012, 09h40
Bovino

D'une part, .delay() n'est pas équivalent à setTimeout() et d'autre part, cette méthode ne prend pas de fonction de rappel.

.delay() est un effet et doit donc être utilisé dans une suite d'effets.
Tu peux donc utiliser soit setTimeout(), comme précisé dans la doc, soit utiliser un effet pour l'apparition :

Code:

$(this).delay(3000).show('fast');

mais attention, .show() sans précision du paramètre de durée n'est pas considéré comme un effet. ;)
24/06/2012, 10h09
gotcha5832

Merci

Voici ma solution:

Code:

setTimeout(function(){$("#ato").css("display","block");},4600);

Sans vouloir abuser.
Est il possible de créer un élément, plutot que de la cacher, et le faire apparaitre?

Merci