Version complète: sur le forum Webmaster Hub : Lancer automatiquement la thickbox
Webmaster Hub > Création et exploitation de Sites Internet > Les langages du Net > AjaX et JavaScript
ricotrutt
Bonjour à tous,

je cherche comment lancer automatiquement la thickbox de jquery.

Pour l'instant dans mon fichier thickbox.js j'ai cette fonction :
CODE
function showBox(){
tb_init('a.thickbox, area.thickbox, input.thickbox');
imgLoader = new Image();// preload image
imgLoader.src = tb_pathToImage;
tb_showIframe();
tb_show(document.getElementById("hiddenModalContent"), "#TB_inline?&height=75&width=200&inlineId=hiddenModalContent&modal=true", false);
}


Et dans le head de ma page j'ai ça :
CODE
<script type="text/javascript">
            function showBox();
        </script>

Or ça ne fait rien : rien ne se lance, mais je n'ai aucune erreur javascript non plus. Je suis un peu perplexe. Vous pouvez m'aider ?
Perrine
Bonjour ricotrutt,

Voici l'appel js que je fais dans mon head :

CODE
<script type="text/javascript" src="jquery-latest.pack.js"></script>
<script type="text/javascript" src="thickbox.js"></script>
<script type="text/javascript">
$(document).ready(function() {
tb_show('', 'popup.php?height=384&width=531&inlineId=myOnPageContent', 'false');
});
</script>
<link rel="stylesheet" href="thickbox.css" type="text/css" media="screen" />


Cela permet d'ouvrir un pop-up au chargement de la page, c'est ce que tu souhaites ?

popup.php est le contenu qui sera ouvert dans le pop-up

Et je ne me rappelle pas avoir changé quoi que ce soit dans le fichier thickbox.js
captain_torche
Comme la thickbox est gérée par jquery, il te suffit d'appeler ta fonction au lancement de ta page, comme ceci :
CODE
<script type="text/javascript">
$(document).ready(function() {
     showBox();
});
</script>
ricotrutt
Super, merci à vous deux ça marche parfaitement.

Je synthétise le fil pour des gens qui chercheraient à faire la même chose que moi : vous copiez les fichiers de la thickbox classique, et vous mettez dans le head le code de PErrine à savoir :

CODE
<script type="text/javascript">
$(document).ready(function() {
tb_show('', 'popup.php?height=384&width=531&inlineId=myOnPageContent', 'false');
});
</script>


N'oubliez pas de créer la page popup.php. Et ça marche
Ceci est une version "bas débit" de notre forum. Pour voir la version complète avec plus d'information, la mise en page et les images, veuillez cliquer ici.