2009-11-26 3 views
1

Je veux lancer une jquery thickbox onload au lieu de cliquer. pour cela j'utilise le code ci-dessous.Lancer Thickbox onload Au lieu de cliquer

<script language="javascript"> 
    tb_show("HAI","#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true",null); 
</script> 

Lien réel est

<a href="#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent& 
amp;modal=true" class="thickbox">Change Name</a> 

Lorsque je clique sur la case ci-dessus apparaît link..thick ..

mais sur le corps boîte onload épaisse n'apparaît pas ..

S'il vous plaît aider à ce sujet ..

Merci d'avance ...

ce qui a trait Yen

Répondre

0

Si vous avez votre lien d'ancrage quelque part sur la page, vous pouvez faire quelque chose comme:

<script> 
$.ready(function() { 
    $("#thickBoxLink").trigger("click"); 
} 
</script> 

<html> 
<body> 
<a href="#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true" id="thickBoxLink" class="thickbox">Change Name</a> 
</body> 
</html> 

Cela devrait simuler en cliquant sur le lien et ouvrir le thickbox pour vous lorsque le la page est chargée.

4

Votre code devrait fonctionner. Peut-être essayer de le mettre dans un appel au document de jQuery. Prêt par exemple.

<script language="javascript"> 
    $(document).ready(function() { 
     tb_show("HAI","#TB_inline?height=240&amp;width=405&amp;inlineId=hiddenModalContent&amp;modal=true",null); 
    }); 
</script> 
+1

Cher, j'applique votre solution suggérée, mais sur l'écran de charge dim mais ne montre pas la page! –

+2

@ShahidGhafoor Veuillez utiliser une fenêtre au lieu du document. Moi aussi j'ai essayé en fonction du chemin alors ça marche. –

+2

Notez que vous devez parfois utiliser $ (window) .load pour que cela fonctionne correctement - par exemple, lorsque vous essayez d'ouvrir un modal en ligne sur wp-admin, document.ready ne l'a pas coupé. – jammypeach

0

Ceci est la même solution que Matt Frear vous a suggéré de pouvoir copier et coller pour tester. J'ai changé les paramètres de thickbox mais vous pouvez le changer comme vous voulez.

<html> 
<head> 
    <link rel="stylesheet" type="text/css" media="screen" href="http://jquery.com/demo/thickbox/thickbox-code/thickbox.css" /> 
</head> 
<body> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" type="text/javascript"></script> 
<script src="http://jquery.com/demo/thickbox/thickbox-code/thickbox-compressed.js" type="text/javascript"></script> 

<script type='text/javascript'> 
$(document).ready(function() { 
    tb_show('HAI','http://microsoft.com?KeepThis=true&TB_iframe=true&height=350&width=520'); 
}); 
</script> 

</body> 
</html> 
2

Uffff !!! Enfin, je l'ai trié, je pense que votre contenu div est quelque chose comme
<div id="hiddenModalContent" style="display:none">My Content</div>
Essayez ceci au lieu de celui ci-dessus
<div id="hiddenModalContent" style="display:none"><div>My Content</div></div>
Cela devrait régler le problème. S'il vous plaît noter que vous devez encapsuler le contenu dans "hiddenModalContent" par un élément HTMl par exemple. Car <div>...</div><p>...</p> etc. C'est la raison pour laquelle nous devons encapsuler le contenu.

Questions connexes