Can anyone please tell me what's wrong here.
This exact code segment below works fine on one page, where the shadowbox is called from body onload.
I copied this code segment to another page where I need to call the shadowbox when a link is clicked, thus:
[a href="../../supplements/pagename.asp" rel="shadowbox"]More information...[/a]
In the case of the second page where shadowbox is called from a link, the HTML page that is being loaded into the shadowbox occupies the entire shadowbox area, and the small HTML table that contains the message I want to display appears up in the top left-hand corner.
Here's the shadowbox code which is the same on both pages:
-------------------------------------------------------
<head>
<!-- SHADOWBOX INITIALISATION -->
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.css">
<script type="text/javascript" src="/shadowbox/shadowbox.js"></script>
<link rel="stylesheet" type="text/css" href="/shadowbox/shadowbox.skin2.css">
<script type="text/javascript" src="/shadowbox/shadowbox.skin2.js"></script>
<script type="text/javascript">
Shadowbox.init({
players: ["iframe"],
handleOversize:"resize",
autoDimensions: true
});
</script>
<!-- SHADOWBOX FUNCTION -->
<script type="text/javascript">
function open_shadowbox() {
Shadowbox.open({
content: '/supplements/pagename.asp',
player: "iframe",
title: "Important Status Message...",
height: 560,
width: 600
});
};
</script>
<!-- END SHADOWBOX -->
</head>
-------------------------------------------------------
So what is the setup difference between calling the shadowbox in a body onload and with a hyperlink. when called with body onload it works fine, with the HTML message I'm displaying right in the middle of the shadowbox.
TIA
- Soporose
