I have a page A which contains an iframe B which gets loaded with content as the page loads Page A has a link. When the link is clicked, I invoke some JavaScript function which performs some tests, and then I would like to have my iframe reload some other URL
The problem is that I change the iframe's src attribute to the new URL but nothing happens. The iframe isn't reloading.
How can I force it to reload? I heard that it was a problem in IE but that could be a mistake on my part It is vital to note that if I clean my browser cache (on IE), then the code works fine once (the iframe gets reloaded). But once it is in the cache, successive attempts fail
Here is a sample of my code
Code:
<head>
function test() {
// perform some tests here
I've got a web site that is frequently updated; yesterday several subscribers contacted me to say they couldn't see the update. I suspect this is a cache problem, so is there a way to force a page to be reloaded when it is changed. I realize it is too late for the current pages, but I'd like to include something later.
I'm using a little javascript to help my site's design to fit the visitor's entire browser window. Everything works great apart from one problem. If a visitor first loads the page and the browser isn't maximised, the page loads correctly BUT if the visitor then proceeds to maximize the browser, the page is still set for the minimised browser. This condition stays until the visitor goes to another section of the site or refreshes the page. When this happens, the page again loads correctly.
I would like to force a page reload whenever the browser is minimizedmaximized or is in any other way changed size. How can I do this?
I've a small external .JS library that allows a non code-savvy user to occasionally update a list of values that are read as a JS array and used to populate the <option>s of a <select> in the calling page's form.
Anyway, is there a way by which I can ensure, regardless of the user's browser settings, that the JS library is not used from cache but re-read each time, to ensure the up to date list is used?
If not, I might as well put the JS array code back in the calling page, especially as the split is for ease of use by the page's owner, albeit with increased change of editing errors. A database solution, etc., is inappropriate here.
How do I force the Web page to reload when someone just changes the value in the dropped down list? To be clear there are many items in this form, one of which is a dropped down list, but if they choose to certain rows of this drop down list then new fields/data needs to be presented to the user.And of course change the Web page to re-load new values based on what row in the dropped down list they changed to.
I have a simple iFrame which I use to open other websites. However, some websites force themselves to be opened in "parent" windows when links are clicked, or even always. How do I go about avoiding this? I believe there is a way to set my iFrame as "self" or something like this in order for all sites to still only load in iFrames, but I'm not sure how.
If I try to put a site into an iframe that has "escape frame" code in its source (posted below), it will reload the requested page into the parent instead of the iframe. Is there a way to prevent this from happening?
One could use onunload to stop the redirection, but I would like to find a way to load a page into an iframe, even if it has this type of code.
I have considered server code loading the content and re-displaying it but I would like to find a pre javascript solution.
//this is not my code if (self != top) { if (document.images) { top.location.replace(window.location.href); } else { top.location.href = window.location.href; } }
I have the script below (lend by one of the geniuses of this wonderful community) and as you'll see it reloads the page products.php every 3 seconds without any visitor noticing it. Simply wonderful.
Now the problem: products.php contains divs with information, but it also contains an iframe. The iframe is calling an URL that displays videos.
When products.php is reloaded the information changes (is coming from a xml file) and the iframe contents are also reloaded which causes the video stream to blink every 3 seconds. Therefore, the iframe should not be reloaded. What can I do, how should I modify the script to reload everything inside of products.php but the iframe??
Code:
<script type="text/javascript"> function getHTTPObject() { var request = false; try {
I am having trouble with a script that displays the url of an iframe. On this page, I have a single iframe and want to display the url of the iframe in a div. It works upon initial loading, but the url does not change when a link within the iframe is clicked and a new iframe page loads within the frame. My users need the ability to determine and directly link/view the iframe url.
Here is the script <iframe id="mainFrame" name="mainFrame" class="inner-center" frameborder="0" scrolling="auto" width="100%" height="400" src="whats_new.htm"></iframe>
[Code]....
what to research and implement. Can you reload the content in the div? do I want to look at cross-frame scripting?
I am a total javascript newbie and have been pulling out my hair trying to figure out how I could reload an iframe inside the main browser window from a popup window.
What I am trying to do is have a system where people can upload pictures from the popup and then veiw the pictures they have uploaded as they upload them in the main window.
My main browser page has an iframe. Whenever the iframe is reloaded (updated), I want to automatically refresh the main webpage as well. How can this be done, preferably using javascript?
I have an iframe that is used to access the server so the entire page doesn't reload. The frame works great the first time but after the frame has preformed the query and reloaded, if the script tries to access the frame, I get a "permission denied" error.
Basically I have a web page with a search box and an iFrame where the full dataset is loaded. What I am trying to do is when the search field is populated and the user clicks search modify the src element of the iFrame to include a get variable. Then reload the iFrame so the new results will load. I've tried various combinations and nothing appears to work. It is only the master page that reloads. The jQuery to detect the click on the search box outside the frame is written into the iFrame file because other functions are.
I have an iframe somewhere on my page. Now on click of a link, I would like to show it in a different location on the same page, BUT I don't want it to reload again. I've tried this simple method but it doesn't do it because the iframe reloads in its new location.
I am using this code to refresh the browser after a iframe has finished loading. Does anyone know a cross-browser one that will work on all browsers. I have tested it on firefox and internet explorer, it seems to only work on firefox.
What I would like to do is have a page with a dropdown menu, and depending on which option the user chooses from the dropdown, reload the page and display a particular iframe below the dropdown, based on the users choice. Also, a default iframe would load (the one connected to the default choice in the select box). I was trying to make this work with PHP (without having the user having to click a submit button) but I couldn't find a way to make it happen.
I currently have a website with a number of menu items, many of which result in the main site being redisplayed but with an iframe being inserted somewhere within the middle of the page. The iframe is initially loaded as hidden but there is a JavaScript 'onload' routine which calculates the height of the iframe and then makes it visible in order to avoid the iframe showing scrollbars since the content of the iframe is variable.
Roughly, things look like this:
Menu button: reloads main page and passes one or more parameters, e.g. [url]
Then elements of the main page including the menu are displayed. Then, if specified by the relevant 'func' parameter the iframe is shown using code similar to the following:
This works fine but I was wondering whether there is any way of using jQuery such that I don't have to reload the page when the menu item is clicked. In other words, you'd click on the menu item and the relevant iframe would be inserted within the middle of the website, automatically sized.
Is there a difference between right clicking an iframe and reloading post reponse vs. using javascript to reload the frame? So far, the javascript route hasn't worked for me. [some context] I am writing a little bookmarklet to help me with the online registrations at my school. Here is the setup.
Load up a page on the domain. Remove all body elements. Insert an iframe. Set iframe to page for class roster search. (in iframe on school search page) Select class search options, POST the form data, and view results in frame. *This works perfectly, but I need to have it refresh results every minute or so. When I use frame.contentDocument.location.reload(true); the frame loses the post data or something and the page is broken. BUT when I just right click on the frame and select "reload frame" it works perfectly. What is the difference between rightclicking the frame and refreshing it like that vs. using javascript to reload the frame?
I have a simple product display with an product image. The product image changes with ajax when i click in a dropdown menu on another color.
Now i added the (beautiful) zoom script cloud zoom. It just works fine but after i click on another color and the product image reloads the script does not work anymore. instead my <a> is just a normal <a>.
This is the part that reloads at all:
How can i reload the function when this part reloads? Or what else could i do?
But this doesn't work on a div. I am using a div because the text I am displaying contains HTML. Surely it is possible to simply set a scroll bar to the bottom in a div?
is there anyway to force an event, like mouseover? I have a page that loads, and due to some complex js code (not mine) it fails to write labels to tabs until the user does a mouseover on the tabs. the page load event happens beforre the tabs are loaded. Once the user mouseovers the tabs, the labels of the tabs appear, and stay there. it is irritating. i would like to force a mouseover so the tab names appear.
I have a page where I set document.location.href but the previous copy of that page is in the cache, so Firefox is not refreshing its contents, which is what I want it to do. Is there a way to get this result?
I have been writing a practice sliding div navigation script. I am finding myself in the position where I need to force a div into showing the hover behavior defined in css.
So my question is this. If I have two divs, is there a way to make the second div display its onmouseover behavior when the mouse is over div 1?
