Results 1 to 3 of 3

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

  1. #1
    Join Date
    Jul 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

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

    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

  2. #2
    Join Date
    Jul 2008
    Location
    Derbyshire, UK
    Posts
    2,025
    Thanks
    16
    Thanked 315 Times in 313 Posts
    Blog Entries
    13

    Default

    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.
    Focus on Function Web Design | Latest News RSS | Facebook | Twitter |
    Fast Edit (A flat file, PHP web page editor & CMS. Small, FREE, no database!) | Fast Edit BE (Snippet Manager) (Web content editor for multiple editable regions!) | Fast Apps |
    The only limit to creativity is imagination: JemCon.org

  3. #3
    Join Date
    Jul 2013
    Posts
    2
    Thanks
    0
    Thanked 0 Times in 0 Posts

    Default

    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.

Similar Threads

  1. close of a Modal window, open a new Modal window in same function
    By dibakarmca in forum Dynamic Drive scripts help
    Replies: 0
    Last Post: 01-20-2010, 05:26 AM
  2. Replies: 0
    Last Post: 06-10-2009, 07:34 PM
  3. external page on facebox
    By g0x in forum Dynamic Drive scripts help
    Replies: 2
    Last Post: 01-21-2009, 12:03 PM
  4. DHTML Modal Window - Loading a non-form page
    By mystic7 in forum Dynamic Drive scripts help
    Replies: 1
    Last Post: 05-15-2008, 09:04 AM
  5. DHTML Modal Window: how to refresh page?
    By jpayne04 in forum Dynamic Drive scripts help
    Replies: 15
    Last Post: 03-07-2007, 05:34 AM

Bookmarks

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •