Change fancybox title when iframe changes location - javascript

Is there a way to dynamically change the title on a fancybox after it has loaded -- at any time using javascript?
I'm using a fancybox iframe and want to dynamically show the url of the iframe even if the user clicks around inside the iframe and goes to different locations.

Related

How to get links in an iframe I don't control to open in parent window

Is this even possible?
Background
I have a page that's basically just a logo and an iframe.
I have complete control over the parent page and can use whatever tricks I want (html, javascript, php, etc.).
The page in the iframe, however, is a third party page that I have very little control over. I can use no javascript, no css, I can't even modify any links. All I can do is modify some text.
Problem
I only need the logo on the initial page. Once the user logs in or clicks to a different page, I want that new page to open in the parent window. I know about target="_top" and target="_parent", but those won't help me because I have no real access to the links in the iframe.
Question
Is there any attribute I can put on the iframe or javascript I can use in the parent page that will force new pages in the iframe to load in the parent window?

Render dynamic content in iframe base on parent

I want to display my website in iframe of other domain(s). When displayed in iframe of that domain, I want to perform some actions like hiding/displaying content. Pages from my website are also iframed in same domain as well. So there is dynamic behavior. How do I find out where is my page iframed? There will be navigations from one page to another in iframe and whenever full page load happens, I want to know the context/parent where my page is iframed.
Using postMessage is not an option because it is async and I don't have control over other domains/apps. I found out iframe name can be accessed from following question -
access iframe name from inside iframe
Can I use it to find out the iframe context. (I can ask other domains/apps to set particular name to iframe so that they get correct rendering of the page)

iFrame and Background Html Control Overlapping Issue

i have a third party html page and an iframe page which is in my control i write html and js for that iframe but which click background html page its dropdow overlaps to my iframe how can i deal with it. i have tried triggering the click and focus event on my iframe page it will not work but when i click manually on my iframe my iframe come over the dropdown control.
i am attaching the snapshot of it.

Overlaying jQuery Modal over iFrame

I have an iframe that has a Modal in it,
Is there a way for me to display the Modal dialog over the iFrame width/height?
So let's say my iframe is 200x200 and my modal is 300x300, is it possible to display the modal 'outside' the iframe bounds without appending the modal to the parent page?
No, this is not possible - not without some form of messaging from your iframe hosted code to the parent page.
You cannot use iframe in this case. If you want to get control of other page in iframe, use some div. You can use $.load() to get the content of other page. Then you can control watever way you want.

display an image while a page is loading in an iframe

I have a website with a menu, when menu item is clicked I display the page for that menu in an iframe(iframe is set to display home page initially by default). sometimes it could take few seconds to display the page for the selected menu item (for example reports) and I would like to display a loading image while the page is loading. how to do this using javascript or jQuery (sample code will be helpful)? thanks in advance.
Add the loading image to the iframe innerHTML ( or to a div and stop using iframe ) , then use ajax to fetch the new page content , on success iframe innerHTML becomes the content fetched by ajax witch overwrites the loading image . easy to setup but i recomend you stop using iframes
Usually you cannot know when the page finished loading in an iframe. The iframe loading is independent. What you can do is to get the content of the page that you have in the iframe through a ajax get request, and in this way do an animation while you wait for the content.
write a function to show the image and call it when you set the iframe src. when the page is loaded call from within the loaded page a function to hide the image (parent.HideImage)
I think the onload event of the iframe is not supported in all browsers

Categories

Resources