PDA

View Full Version : Facebox: External page doesn't show up in modal window.


lennartrip
07-13-2013, 02:22 PM
1) Script Title: Facebox v1.1

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex4/facebox/index.htm

3) Describe problem: Hey there, I load my modal window by clicking on an image.
The modal window shows up but the external page it is supposed to show doesn't show up in it.

Link to the modalbox:

<td colspan="3" rowspan="2">
<p><a href="bpzonder.html" rel="facebox"><img src="images/ballonpilaar_06.jpg" width="221" height="167" alt="" border="0" onMouseOver="this.src='images/ballonpilaar_06R.jpg'" onMouseOut="this.src='images/ballonpilaar_06.jpg'" /></a></p></td>
<td colspan="2" rowspan="5">

Page it is supposed to load (bpzonder.html):

<html>
<head>
<title>zonder</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">
<table id="Table_01" width="650" height="232" border="0" cellpadding="0" cellspacing="0">
<tr>
<td colspan="6">
<img src="images/zonder_01.jpg" width="650" height="15" alt=""></td>
</tr>
<tr>
<td rowspan="3">
<img src="images/zonder_02.jpg" width="9" height="216" alt=""></td>
<td>
<img src="images/zonder_03.jpg" width="197" height="197" alt=""></td>
<td rowspan="3">
<img src="images/zonder_04.jpg" width="13" height="216" alt=""></td>
<td colspan="2"><a href="mailto:info@ellysworld.nl"><img src="images/zonder_05.jpg" alt="" width="420" height="197" border="0"></a></td>
<td rowspan="2">
<img src="images/zonder_06.jpg" width="11" height="201" alt=""></td>
</tr>
<tr>
<td rowspan="2">
<img src="images/zonder_07.jpg" width="197" height="19" alt=""></td>
<td colspan="2">
<img src="images/zonder_08.jpg" width="420" height="4" alt=""></td>
</tr>
<tr>
<td>
<img src="images/zonder_09.jpg" width="237" height="15" alt=""></td>
<td colspan="2">
<img src="images/zonder_10.jpg" width="194" height="15" alt=""></td>
</tr>
<tr>
<td>
<img src="images/spacer.gif" width="9" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="197" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="13" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="237" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="183" height="1" alt=""></td>
<td>
<img src="images/spacer.gif" width="11" height="1" alt=""></td>
</tr>
</table>
</body>
</html>

Thanks in advance for helping me or even for taking the time to look at this post,
Lennart Rip
Beverleyh
07-13-2013, 02:35 PM
I don't know if it matters, but the "external" page that is loaded via the DD demo page, doesnt actually look like its a full/complete web page (with DOCTYPE, head or body tags, etc.). The page just appears to contain the HTML markup (minus the page structure) - as far as I can tell via iphone - so just paragraphs and an img tag. You could try doing the same, so remove this markup;
<html>
<head>
<title>zonder</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
</head>
<body bgcolor="#FFFFFF" leftmargin="0" topmargin="0" marginwidth="0" marginheight="0">And then also the closing </body> and </html> tag from the end, and see if that helps.

Also, is the "external" page on the same domain? Remember that that's a limitation of AJAX.

For more help, please post a link to your actual web page so we can see the problematic code in person.
lennartrip
07-13-2013, 02:44 PM
I'm sorry I forgot to upload the files to my server and I ran them locally instead which of course wouldn't work.
I figured by reading you're reply though so thanks a bunch!

This thread can be closed now.