- This topic is empty.
-
AuthorPosts
-
January 18, 2013 at 4:07 pm #42088
Anonymous
InactiveI 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 #121396Andy Howells
ParticipantExternal sites or internal site pages?
January 18, 2013 at 4:13 pm #121397Anonymous
Inactive@AndyHowells internal site pages
January 18, 2013 at 4:19 pm #121398Andy Howells
ParticipantAnd 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 #121399Anonymous
InactiveYes. 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 #121401Andy Howells
ParticipantOkay, 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 #121402Andy Howells
ParticipantA decent example with demo here: https://css-tricks.com/ajax-load-container-contents/
January 18, 2013 at 4:41 pm #121408Anonymous
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 #121475Andy Howells
ParticipantUse 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 #121485Anonymous
InactiveThat’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 #121486Anonymous
InactiveOoops. I confused this discussion with another.
-
AuthorPosts
- The forum ‘CSS’ is closed to new topics and replies.