Ajax :: Reload Everything In A Page Except For An Iframe
May 6, 2009
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 {
[Code].....
View 1 Replies
ADVERTISEMENT
Nov 5, 2006
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?
View 2 Replies
View Related
Jul 4, 2009
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.
<script type="text/javascript">
function move(what, where)
{
document.getElementsByID(where).innerHTML = document.getElementsByID(what).innerHTML;
}
</script>
[Code]...
View 2 Replies
View Related
Aug 2, 2010
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.
View 6 Replies
View Related
Apr 11, 2011
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.
View 2 Replies
View Related
Oct 28, 2010
I have a ajax function implementation: when the user is on one site, the ajax call keeps checking the server every 5 seconds if there is a server url change. If there is, there will be a message displayed to direct the user to go to another site. when the user go to another site, the ajax keeps checking every 10 seconds, if there is condition met, the message will be displayed to direct user to go back to the previous site. Also, after the message is displayed, ajax call keeps checking if there is another condition met, if there is, the message will automatically disappear.
The use case is: when one server is down, the message will direct the user to another site. On another site, when the previous server is up, the user could be redirected to the previous site. When the message is displayed (when server is down), the user may not follow the link to do anything. He/she may simply leave the message on and go to lunch or something, when he/she comes back, the server may be already up and the message should be disappeared instead of keeping showing the message. Therefore, the message should be displayed or disappeared automatically based on the ajax call condition.
I implemented the ajax function and it did check and displayed message. However, it wont' display the message only right after the user login or the user does a "refresh" to the page. After the message is displayed, when another condition met, the message won't disappear until the page is refreshed. Then the ajax calls keep doing every 10 seconds. The ajax call seems fine since when I set a alert, I did see the popup message show up every 10 seconds (but only after I refreshed the page.) Now the problem is: the message can't be automatically displayed. It can only happen when there is new page load (refresh). How can I solve this problem. I'm thinking of putting "windows.location.reload;" to load the page right after the condition met. But kind of feel I don't need to do this.
View 5 Replies
View Related
Aug 23, 2010
Code:
$(document).ready(function() {
$('#save_editable').click(function() {
[code].....
View 2 Replies
View Related
Oct 29, 2010
I have a ajax function implementation: when the user is on one site, the ajax call keeps checking the server every 5 seconds if there is a server url change. If there is, there will be a message displayed to direct the user to go to another site.
when the user go to another site, the ajax keeps checking every 10 seconds, if there is condition met, the message will be displayed to direct user to go back to the previous site. Also, after the message is displayed, ajax call keeps checking if there is another condition met, if there is, the message will automatically disappear.
The use case is: when one server is down, the message will direct the user to another site. On another site, when the previous server is up, the user could be redirected to the previous site. there is also scenario that when the message is displayed (when server is down), the user may not follow the link to do anything. he/she may simply leave the message on and go to lunch or something, when he/she comes back, the server may be already up and the message should be disappeared instead of keeping showing the message. Therefore, the message should be displayed or disappeared automatically based on the ajax call condition.
I implemented the ajax function and it did check and displayed message. However, it wont' display the message only until the user login or the user does a "refresh" to the page. After the message is displayed, when another condition met, the message won't disappear until the page is refreshed. Then the ajax calls keep doing fine every 10 seconds. The ajax call seems fine since when I set a alert, I did see the popup message show up every 10 seconds (but only after I refreshed the page.)
Now the problem is: the message can't be automatically displayed or disappeared. It can only happen when there is new page load (refresh). How can I solve this problem. I'm thinking of putting "windows.location.reload;" to load the page right after the condition met. But kind of feel I don't need to do this.
View 3 Replies
View Related
Sep 10, 2010
i can't figure this out, it was working fine before, and i did a few updates and now it only works when the button is pressed but not if i type into the form and press 'enter'. i don't want he page to reload at all. (also the entire wrapper for my page is hidden using css, a loading image is displayed until the onload event fires, then the wrapper uses jQuery's .slideDown(2000), so if javascript is off they won't even see the form, i'm not concerned about browsers with javascript disabled, i *only* want them to be able to type in the field and hit enter or click the send button to post the data via ajax with no page reload. i'll make it more accessible later)
[Code]...
View 1 Replies
View Related
Jun 8, 2009
I'm writing a script, part of which calls an AJAX request to populate a table. This script runs when the page is first loaded and when different buttons are clicked on the page (I won't go into the details here). It works just fine when the page is first loaded, but whenever the function is called from any other event on the page (onclick, etc) it performs the function, but then proceeds to reload the whole page!
I've spent a long time debugging and trying to figure out exactly where the trouble is starting, and the only thing I can think is that some sort of "reload page" command is being sent to the browser somewhere that I'm not seeing. In Firefox, after the request is complete and the response data is written to the page, the page reloads. However, in Safari, the page reloads after the readyState is 1, so the request hasn't even been sent yet.
Here is the offending function:
Javascript Code:
function fillLogTable(date, org, poc, name)
{
document.getElementById("visitLogTableDiv").innerHTML = "<br />Loading...";
//fetch the logs
[Code]....
View 2 Replies
View Related
Oct 7, 2011
I'm reloading a div of a page using jQuery, but i need that every time that reloads (it reloads automatically every 10 seconds) obtains the get variables that i passed through the address bar
View 4 Replies
View Related
Oct 27, 2011
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?
View 2 Replies
View Related
May 3, 2005
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
[Code]....
View 14 Replies
View Related
Sep 10, 2011
I am building an all AJAX site for a Facebook iFrame page and am having an issue. All the pages and what not load up dynamically just fine, but some pages use the Facebook commet system. After the AJAX has loaded the page though, the JavaScript inside does not load.
This is the Facebook comment script that I need to load inside the ajax'd content.
View 1 Replies
View Related
May 15, 2009
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?
View 3 Replies
View Related
Jun 4, 2004
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.
View 1 Replies
View Related
Jun 2, 2007
I have a main webpage with an iframe embedded inside:
PHP Code:
<IFRAME id="imagesframe" src="images_frame.php" width="100%"></IFRAME>
Now, I want to be able to reload the content of that iframe from a pop-up window. I tried the following JavaScript command inside the pop-up window:
PHP Code:
opener.document.getElementById("imagesframe").location.reload();
but when I call that command i get the following JavaScript error: ...
View 2 Replies
View Related
May 22, 2010
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.
server = (document.all) ? window.frames['SERVER_REQUEST'].document.getElementsByTagName('input') : document.getElementById('SERVER_REQUEST').contentWindow.document.getElementsByTagName('input');
post_edit.onclick = function() {
server['REQUEST_CRITERIA_0'].value = "some value";}
View 2 Replies
View Related
Apr 30, 2009
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.
[Code]....
View 1 Replies
View Related
Aug 12, 2010
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.
PHP Code:
<script type="text/javascript">
window.onload = function() {
document.getElementById("updates").onload = function() {
[code]...
View 4 Replies
View Related
Aug 12, 2009
At the moment I have two div tags in my main index.php file, called "flowchartDiv" and "buttondataDiv".Now what I'm trying to do is when ever a image is clicked, "Image of a button", it is added to the database and the "flowchartDiv" must reload in-order to reflex the new button added to the database.I will settle for the "flowchartDiv" reloading after a set time but I actually want the "flowchartDiv" to reload every time I click on the image buttons in the "buttondataDiv".here is my code for index.php file:
<html>
<head>
<script type='text/javascript' src='ajax.js'>
[code]....
Now in the function HandleResponse(response) function you can see I have already tried to in corporate the timer but nothing is working at the moment.
View 1 Replies
View Related
Jul 27, 2010
I have a simple function for an intranet site that should make and return a XMLHttpRequest object in most browsers (including IE8):
function createXMLHttpRequest() {
var xmlhttp = false;
if (window.XMLHttpRequest) {
xmlhttp = new XMLHttpRequest();
[Code]....
Then I use it autocomplete a input text with a list of client company names from a database. Then the user selects a company and it reloads the page with that company's info. (The ajax input text box remains so the user can type in another company name)
In firefox this works fine. However, in IE8 the very first time the page loads it works fine, but after the user selects a company and the page reloads, the ajax longer works. It gives an error at "xmlhttp = new XMLHttpRequest();" saying: "Message: Object doesn't support this property or method"
If I type anything in the input, it gives the error: "Message: 'searchReq.readyState' is null or not an object" leading me to believe that somehow after the first time the page loads, IE is not able to process a XMLHttpRequest which seems unlikely, so I'm not sure where to go with my code. I've tried a bunch of other similar createXMLHttpRequest() functions, but they all have the same problem of working once then not working after.
View 1 Replies
View Related
Dec 25, 2007
I want to automatically reload a div tag every 10 seconds using ajax? how do I do this???
View 14 Replies
View Related
Jan 31, 2010
1) a user on the website popup add an element to the Database using $.post WORKING
2) i want to refresh the SELECT in the form to include his element that the user just added without reload the page. Don't know how to do that.
<select id="wheel" name="wheel
">
<?php
$connection = new DBConnection();
$requete = "SELECT nomService FROM structures WHERE serviceInterne = 0";
[Code].....
View 21 Replies
View Related
Dec 19, 2009
I was looking for a poll script (php/ajax) that does not reload when adding a vote. I've tried to search around for it but haven't found one that suits my needs. Anyone that knows where I can find such a script?
View 9 Replies
View Related
Jan 30, 2011
I want to build a form which invokes an ajax-function and therefore the page shouldn't reload.
The problem is I don't want to avoid the autocompletion of the browser. But to save the input i have to submit the form regularly, which means 'onSubmit="return false;"' doesn't work.
Is there any possibility or is this technique just impossible?
This is the current code, which works fine, but the browser doesn't save the (non-)submitted input. (The submit will be invoked by the "getSuggests()"-function.)
View 2 Replies
View Related
