I want to launch another page (iframe) from my main page into a lightbox. I have tried using fancybox, but I cant get it to work because if I add my fancybox javascript to the page's header tags, it comes before DNN's jquery reference, like this:
<script type="text/javascript" src="/Resources/Shared/fancybox/jquery.fancybox-1.2.6.js"></script>
<script type="text/javascript" src="/Resources/Shared/Scripts/jquery/jquery.min.js" ></script>
so I get this error: 'jQuery' is undefined
if I reverse the order of these in a static htm file like this:
<script type="text/javascript" src="/Resources/Shared/Scripts/jquery/jquery.min.js" ></script>
<script type="text/javascript" src="/Resources/Shared/fancybox/jquery.fancybox-1.2.6.js"></script>
it works.
I have also tried putting a reference to the jquery in the header tags before the fancybox reference which results in this:
<script type="text/javascript" src="/Resources/Shared/Scripts/jquery/jquery.min.js" ></script>
<script type="text/javascript" src="/Resources/Shared/fancybox/jquery.fancybox-1.2.6.js"></script>
<script type="text/javascript" src="/Resources/Shared/Scripts/jquery/jquery.min.js" ></script>
but this doesnt work either because it gives the error: Object doesn't support this property or method on the line that I call the fancybox() function.
Has anyone else been able to get this to work, or better yet is there a module that I can use to launch another page in an frame that is in a lightbox?
thanks!