Discussion :

[infovect]

Bonjour, débutant en jquery j'aimerais retarder le déclenchement d'un lien quand je clic dessus ( balise <a href="page html">).
par exemple je clic il se passe rien pendant 5 secondes et ensuite "page.html" s'affiche.
J'aimerais que mon code s'applique sur tous les liens.

voici le code que j'ai commencé à faire mais ça marche pas et je ne vois pas du tout l'erreur.

Code :

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

1
2
3
4
5
6
7
8
 
 
  $("a").click(function(evt){
        var link = $(this).attr("href");
        setTimeout(function() {
            window.location.href = link;
        }, 5000);
    });

Pourriez vous m'aider SVP merci !

[javatwister]

jquery ou pas, il te faut un return false quelque part...

[sekaijin]

sachant qu'en moyenne un utilisateur re-clique ou abandonne si la réaction du navigateur dépasse 3 secondes.
s'il ne se passe rien durant 5 secondes .....

je ne sais pas pourquoi c'est faire mais c'est généralement une très mauvaise idée.
souvent on fait même le contraire
on génère une réaction immédiate pour avertir l'utilisateur qu'il faut patienter
et malgré cela bon nombre de client s'impatiente.

A+JYT

[LuluHow]

Code javascript :

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
$(function() {
    $("a").click(function() {
        var link = $(this).attr("href");
        return lancerPage(link);
    });
 
    function lancerPage(a) {
        redirect(a);
        return false;
    }
 
    function redirect(lnk) {
        setTimeout(function() {
            window.location.href = lnk;
        }, 5000);
    }
});

[infovect]

C'est plutôt intelligent en faite, ça me permets de créer une animation en full CSS pour faire une transition de page.

Et merci mais j'ai trouvé mieux:

Code :

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

1
2
3
4
5
6
7
8
 
$("a").click(function(e) {
		var link = $(this).attr("href");
    setTimeout(function() {
        window.location.href = link;
    }, 2000);
    e.preventDefault();
});