Hi, I'm a jQuery newbie. Basically, I'm trying to load an html file
into a div when a button is clicked. The html file contains
external .js and .css files for the Greybox widget. I can't get
Greybox working, do I have to do something special to load the js and
css before the load method? Appreciate any help.

--------------- test.html ---------------------

 $(document).ready(function(){
   $("#btn").click(function(){

     $("#demo").load("greybox.html");
   });
 });

--------------- greybox.html ---------------------

<script type="text/javascript">
    var GB_ROOT_DIR = "greybox/";
</script>

<script type="text/javascript" src="greybox/AJS.js"></script>
<script type="text/javascript" src="greybox/gb_scripts.js"></script>
<link href="greybox/gb_styles.css" rel="stylesheet" type="text/css" />

<a href="http://google.com/"; title="Google" rel="gb_page_fs[]">Launch
google.com in fullscreen window</a>

Reply via email to