11550 sujets

JavaScript, DOM et API Web HTML5

Bonjour à tous.

Le site pour lequel est cete fonctionnalité est en JQuery. J'ai récupérer jqModal qui permet d'afficher une lightbox après un clique. Or moi je souhaite que la lightbox s'ouvre toute seule après un temps donné genre 30 secondes.

J'arrive à faire fonctionner parfaitement le plugin Jmodal avec un clique sur un lien mais impossible de supprimer le clic obligatoie pour charger la lighytbox. J'ai essayer ceci mais sans succès...

Auriez vous une piste ?


<script type="text/javascript" src="<?=$rootPath;?>js/jquery.js"></script>
<script type="text/javascript" src="<?=$rootPath;?>js/jqModal.js"></script>

<script type="text/javascript">
window.onload = setTimeout("$('#dialog').jqm();",2000);

</script>

<a href="#" class="jqModal">view</a>

En revanche, cela va probablement ne pas plaire beaucoup à l'utilisateur.
Modifié par Julien Royer (18 Mar 2010 - 15:25)
Merci c'est parfait sa fonctionne nikel Smiley smile

J'avais regarder dans la doc mais j'avais pas réussi à le faire mais c'est parfait grace à toi.

Merci de ton aide !

et une question:

le jQuery(function($) {, cela équivaut à windows.location=... ?
En faite c'est une box qui va apparaitre après 1 minutes sur la page. C'est un site à contenu éditoraile. les articles prennent environ 30s/45s pour la lecture, au dela on pense que les personnes qui restent plus lontemps sont très intéréssé par le sujet et on leur propose de s'inscrire à une newsletter gratuite ^^
webprxs a écrit :
le jQuery(function($) {, cela équivaut à windows.location=... ?

jQuery(function($) {...}) est équivalent à jQuery.ready(function($) {...}); : http://docs.jquery.com/Events/ready#fn

C'est une façon plus sûre et plus rapide que window.onload de s'assurer que ton code est exécuté après que le document est totalement chargé.

L'utilisation de "ready" est plus explicite que la forme raccourcie que j'avais utilisée. Désolé, c'est devenu une habitude. Smiley smile
Modifié par Julien Royer (18 Mar 2010 - 15:30)
Merci de ton aide.

Le Jquery est une chose encore un peu vague pour moi. Pour le moment je me contente simplement d'utiliser des scripts existant et d'essayer de les adapter à mes besoins Smiley smile
Julien Royer a écrit :

jQuery(function($) {
  $("#dialog").jqm();
  setTimeout(function() {
    $("#dialog").jqmShow();
  }, 2000);
});



jQuery(function($) {
  $("#dialog").jqm();
  setTimeout($("#dialog").jqmShow, 2000);
});


tout simplement ?
Modifié par nod (21 Mar 2010 - 02:06)