Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home › Forums › CSS › Showing external HTML pages without iframe/target=”iframe”

  • This topic is empty.
Viewing 11 posts - 1 through 11 (of 11 total)
  • Author
    Posts
  • January 18, 2013 at 4:07 pm #42088
    Anonymous
    Inactive

    I don’t like using iframes to show external HTML pages because Firefox and IE don’t display the width and height properly inside the iframe. Is there an alternative way to show external HTML pages on the very same page? i want external HTML pages to show inside the white area of this website[Website](http://codepen.io/Jarolin/full/bwLJs “website”).

    January 18, 2013 at 4:11 pm #121396
    Andy Howells
    Participant

    External sites or internal site pages?

    January 18, 2013 at 4:13 pm #121397
    Anonymous
    Inactive

    @AndyHowells internal site pages

    January 18, 2013 at 4:19 pm #121398
    Andy Howells
    Participant

    And are these pages filled with the content to load within that area on an action, like clicking the nav for example?

    January 18, 2013 at 4:22 pm #121399
    Anonymous
    Inactive

    Yes. They are simple HTML pages only with the content i want to display. And they will appear when the nav buttons are clicked.

    January 18, 2013 at 4:26 pm #121401
    Andy Howells
    Participant

    Okay, your best bet then is AJAX. Basically you can use JQuery to call the content based on which nav item the user clicks and then load it in the content container.

    Details all about AJAX here – http://api.jquery.com/jQuery.ajax/

    Note that this method is not necessary very good for SEO purposes as you’ll only have the single page and none of the external content will be indexable as it’s not in the source until called in.

    Is there a reason you’re not simply using multiple pages?

    January 18, 2013 at 4:28 pm #121402
    Andy Howells
    Participant

    A decent example with demo here: https://css-tricks.com/ajax-load-container-contents/

    January 18, 2013 at 4:41 pm #121408
    Anonymous
    Inactive

    @AndyHowells Thanks for all the help. I’m simply doing it this way because i think it looks good and its really easy to use without having to scroll. But i think your right about the SEO thing. I want my website to be easily found on Google. What do you suggest i do?

    January 19, 2013 at 8:22 am #121475
    Andy Howells
    Participant

    Use proper paging, so have everything seperated into different pages.

    If you want some sort of transition you could use CSS transitions to load the content area slowly.

    January 19, 2013 at 9:00 am #121485
    Anonymous
    Inactive

    That’s basically what it is. The pages will be located in different directories andon the same domain just like any other website. The only difference is that those pages will show inside the iframe. I really don’t understand what the huge difference is.

    January 19, 2013 at 9:02 am #121486
    Anonymous
    Inactive

    Ooops. I confused this discussion with another.

  • Author
    Posts
Viewing 11 posts - 1 through 11 (of 11 total)
  • The forum ‘CSS’ is closed to new topics and replies.