Embedding MyBB on a webpage - javascript

I'm trying to embed a MyBB forum on the Forum page on https://www.tourettestalk.co.uk. Other than using an iframe, is there a way of embedding the forum and making it just look like content?

I prefer the approach of having, for example, the forum in another domain or address. In the link, when clicking the user would go to that domain.
And yes, to embed another site on a webpage, I only know the iframe option. Another problem that you will have with the iframe, is having little space to navigate in the forum.

Related

Let the user navigate an external website (that refuses to be within iframe) from my website

I have this situation:
So I want let the user navigate, from within my website, an external website, and I want to analyze the DOM of that website because I need the information within it.
I am not doing nothing to illegal, but only for work :)
The external website is designed in a way to "break out" an iframe. I tried to sandboxing the iframe, but the response received by the website has the same origin header, so I can't.
I kindly ask if someone worked with those situations and has some tips.
Example: I have to implement something on html page, or I have to implement something on webserver...I don't know.
Thanks to all!!!

Possible to make webpage URL the same as an iFrame URL?

So I have an iFrame which I am using to load the other pages for my website. To make the website seem like it has no load time and very smooth I have made a main page, with an iFrame in the middle to load the actual pages of the website that contain all the information. I have buttons using JS to change the SRC of the iFrame so that it acts like a normal nav bar.
I am curious to know if it is possible to make the URL on the browser, the same as the URL in the iFrame. Because right now when a user is on the website, they aren't switching to different pages, meaning they can't go back or forward in history because they never left the page in the first place. This can be troubling to most users if they want to link their friends to something, or just go back a bit.
Is there a way to do this in jQuery or JavaScript? Or even better, purely in HTML or CSS?
Thanks in advance.
EDIT: After googling a bit of what charlietfl has said, I am now wondering if it is possible to save a website into states, which I can then give web URLs to? I just skimmed through a few pages without reading them thoroughly so I'm not exactly sure what it was talking about when it mentioned states, but maybe there is something else out there that is capable?
You can try url hash like the gmail uses #inbox . It has the same functionality as you wish. It serves you the browser back and forward actions. You have to add more Javascript to handle those hashes. But i am not sure about its effect on seo (if you are only concerning about it).
For more details please go through these links
Gmail like URL scheme
Browser History Manager

How to know if iframe is blocked?

Some website don't allow you to view their website in an iframe. I would like to know what code I could use to identify this and redirect to another page in this situation.

How to load pages into divs and display their URL in the browser's address bar?

I want to load pages in a specific div. I want to display the URL of the loaded page in the browser's address bar.
How I can do that?
well, the easiest way to load an external page into a div is by using the jquery .load function - $('#div_id').load('../url_to_page.html');
as far as changing the address bar, this can be done with HTML5, but anything before that you might be out of luck.
HTML5 example:
window.history.pushState("object or string", "Title", "/new-url");
With my knowledge there are two possibilities to load another website into a div:
First one would be to change the div's content via Ajax.
Second one would be to integrate an <iframe></iframe> into the div, in order to load the desired page in the iframe.
Hope I could help.
If your trying to change the entire url displayed, domain and all, I don't believe you can and for good reason. I'd hate for you to create a phishing site of stackoverflow or otherwise and pretend to be legit while you steal my password. But managing anything after the domain is doable as answered above (or below, wherever it is by now~).
Thanks!

loading javascript and communication between iframes

I've developed some javascript code that renders an iframe on the page. Inside the frame, it loads various API's for social networking, such as facebook, twitter, linked in, etc. It's basically a tool for the website to allow users to sign in with their social network. I've also created a simple jQuery plugin that loads this iframe into a modal popup.
Here's the problem:
The main iframe is loaded on the site, but the developer also wants to use the jquery plugin on the same page. It works fine, but ALL of the javascript is being loaded a 2nd time. So basically it is a huge waste of resources, as every social networking api is being loaded twice. I was wondering if there was a way to track that the api's have already been loaded, and to stop loading them again. The 2 iframes are exactly identical.
I tried adding some properties to window.top, but this doesn't work because of cross domain limitations. The two iframes are of the same domain, but the main site is a different domain.
I was also wondering if an iframe can detect if the main window has loaded jquery, as that is being loaded again even when it's not necessary.
Any advice and suggestion would be appreciated,
Thanks!
You should not use an iframe for this. It sounds like you are creating a 'login pop-up' for users to login, say if they clicked 'comment' and were not already logged in. Just use a div, and float it absolutely above the rest of page.

Categories

Resources