Delai d'ouverture d'une popup

Fermé
rousset13 Messages postés 5 Date d'inscription mercredi 17 mars 2010 Statut Membre Dernière intervention 19 mars 2010 - 19 mars 2010 à 14:06
rousset13 Messages postés 5 Date d'inscription mercredi 17 mars 2010 Statut Membre Dernière intervention 19 mars 2010 - 19 mars 2010 à 16:20
Bonjour,
J'ai mis sur ma page d'accueil un code type Jquery pour afficher une image en overlay au load de ma page. Jusque là tout va bien et ça fonctionne ;-)
Cependant, je voudrais que cette simili popup ne s'ouvre que 2,3 secondes après le load total de la page.... et là..... au secours, je ne sais pas comment faire. j'ai cherché dans une multitude de forum, je ne trouve pas :-(
Help !!!!!
Voilà mon url pour voir le source :
http://c.pascaline13.free.fr
Merci par avance de vos lumières sur le sujet,
Bien à vous

5 réponses

jorge_gomes Messages postés 76 Date d'inscription vendredi 5 février 2010 Statut Contributeur Dernière intervention 28 novembre 2012 5
19 mars 2010 à 14:16
Faire du sleep() en javascript ce n'est tout à fait simple que cette fonction n'est pas intégré par défault, il me semble.

Par contre ce que je vous conseille et de faire un événement onload dans la body de la page ou si vous êtes qur jquery, faire un $(document).ready, qui dit quoi faire lors de la fin du chargement de la page.

Et là dedans, il suffit de faire appel à la fonction setTimeOut de javascript.


Je crois que avec ça vous devez vous en sortir. Bonne chance!
0
rousset13 Messages postés 5 Date d'inscription mercredi 17 mars 2010 Statut Membre Dernière intervention 19 mars 2010
19 mars 2010 à 14:32
Merci !!

Je vais chercher cette fonction setTimeOut, je ne suis vraiment pas bonne en code javascript, mon code actuel donne ça :



<script>

$(document).ready(function() {



// select the overlay element - and "make it an overlay"

$("#new").overlay({



// some expose tweaks suitable for facebox-looking dialogs

expose: {

//image de background du masque

maskId: 'mask',



// load mask a little faster
loadSpeed: 'slow',

closeSpeed: 'slow',


},





// disable this for modal dialog-type of overlays

closeOnClick: false,



// we want to use the programming API

api: true





// load it immediately after the construction

}).load();



});



</script>



Où devrais-je insérer cette fonction setTimeOut dans ce code là ?

Merci infiniment de votre aide ;-)

Bien à vous,

pascaline
0
jorge_gomes Messages postés 76 Date d'inscription vendredi 5 février 2010 Statut Contributeur Dernière intervention 28 novembre 2012 5
19 mars 2010 à 14:51
Pascaline;

De ma part de je te conseillerai de faire ça:
$(document).ready(function()
{
setTimeOut(function()
{
// Insertion de ton code
}, 0); // Le temps d'attente
});

Je n'ai pas testé ce bout de code, mais je ne crois pas qu'il y ait des soucis!! :)

Jorge
0
rousset13 Messages postés 5 Date d'inscription mercredi 17 mars 2010 Statut Membre Dernière intervention 19 mars 2010
19 mars 2010 à 15:03
merci jorge,
mais dans le genre 2 mains gauches...j'ai honte :-(
j'ai tenté de faire ce que tu m'as dit, et j'ai une erreur (objet attendu) :

<script>
$(document).ready(function() {
setTimeOut(function()
{

// select the overlay element - and "make it an overlay"
$("#new").overlay({

// some expose tweaks suitable for facebox-looking dialogs
expose: {
//image de background du masque
maskId: 'mask',

// load mask a little faster
loadSpeed: 'slow',

closeSpeed: 'slow',


},



// disable this for modal dialog-type of overlays
closeOnClick: false,

// we want to use the programming API
api: true



// load it immediately after the construction
}).load();
},6);//timer
});


</script>
0

Vous n’avez pas trouvé la réponse que vous recherchez ?

Posez votre question
rousset13 Messages postés 5 Date d'inscription mercredi 17 mars 2010 Statut Membre Dernière intervention 19 mars 2010
19 mars 2010 à 16:20
Jorge,

je n'ai plus de réponse de toi, j'ai dû abuser, désolée .... je continue à chercher...
En tout cas merci pour la piste, je vais creuser,
Bien à vous
0