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/dynamici...ebox/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:

HTML Code:

<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 Code:

<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;

Code:

<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.

Thread: Facebox: External page doesn't show up in modal window.

Thread Tools

Search Thread

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

Similar Threads

close of a Modal window, open a new Modal window in same function

FaceBox used to display an external page (on same server) using Ajax not working

external page on facebox

DHTML Modal Window - Loading a non-form page

DHTML Modal Window: how to refresh page?

Bookmarks

Bookmarks

Posting Permissions