I work mostly in PHP, with just a bit of JavaScript when necessary. I've inherited an app that among other things, uploads files to the server. When the user clicks the "Save" button, it targets an invisible iframe and actions the php upload script -- that is:
The outer, top level window has the icons for the files uploaded so far, and the total number.
The upload works fine, but the icons & total count don't get updated in the outer window unless I manually click refresh on the browser. Naturally, I'd like the new number and icon list to appear automatically after an upload, so I tried putting both:
window.location.reload(); and parent.location.reload();
at the end of the doupload.php script within the iframe (appropriately encapsulated in <script> </script>).
Both of which work, sort of, but they apparently repost the data to the iframe, which causes the upload to be re-executed, which then causes the reload to happen again, for an endless loop.
If I manually refresh the browser page from the firefox toolbar, this doesn't happen; it just refreshes and shows the new total number & appropriate icons.
So obviously I'm out of my depth here with the javascript and dom structure. I want to refresh the top window without reposting to the iframe.
I'm using 2 <script src="script file name here"> tags.
When I make a change to a script in the file in the 1st script tag, I have to turn the browser off and then back on to see the change-reloading the page isn't enough.
How can I make it so I see the changes by reloading the page and not turning the browser off and back on?
I am using javascript to find the browser window's innerheight and outerheight(ie both document body + task bar ,statusbar,menubar etc)I am using the following command for the calculation of the above thing
This one works perfectly for the following browser's GoogleChrome,Safari,Firefox with small problem on Firefox
Following is the problem
The window.outerheight and window.innerHeight returns different values:
a)when the script is run locally on the same browser
b)when the script is run after publishing the page on the server and ran from the same browser.
This issues do not come for other browser except firefox.For other browser the outerheight and innerheight comes same, before and after the script is published on the server.
The firefox browser version used is : firfox 3.6.16. Os is Windows Xp
How to get outerhtml for document.body for different browsers.
I am passing document.body to the method mentioned in the code below:
Code:
function getOuterHTML(object) { try{ var element;
[Code]....
In firefox and chrome, I get only the HTML markup; but the data that is part of the controls of the input object is not getting populated.Whereas, in IE it works.
I want to avoid the inner DIV to expand the outer DIV when I hover over the outer DIV and fadeIn the inner DIV. How can I hover over the outer DIV and show the inner DIV without the height of the outer DIV expanding?
How do i make it so that when there is an event insidean iframe on the page, it affects and can call a function from the outerpage? (that houses the iframe
when you have a page that contains an iframe, and then navigate inside the iframe, hitting the browsers back button will only affect the contents of the iframe and not the entire page. I've been searching all over for solutions and cant find one that works for my current implementation.
function ShowPage(frame) { frames[0].location = frame+'.html' frame.contentWindow.location.replace(newUrl); } [Code]...
I have a script that writes to an IFRAME, it writes dynamically and then needs to reload it server side. Anybody knows how to do it? I'm joining the code of my attempt but it appears to be reloading the IFRAME on the client side therefore causing an activeX error since I am running this in FireFox:
The partent contains a display header and the iFrame contains rows of data, the iFrame is set to refesh every 20 seconds.
There are times for whatever reason the iFrame does not refresh. Is there a way I can have some sort of timer in the parent that reload the set if the iFrame has not refreshed after 20 seconds.
I have a lot of javascript functions that request information from an iframe hidden on the page. I see other sites do this, but their browser does not do the loading action (like the processing circle in Firefox). When I do it on my site, each browser shows the loading icon, as if a page was loading. Is it possible to not have this?
http://bit.ly/cv1YqN
That is a sample link. Go down right side of page where you see three buttons: Trailers Featurettes Clips.Those return iframe information to work.
I would the user of my website to click a link on a page and for some information to display on the page without a reload of the page. This is what I would like to happen in my specific case:The user clicks the name of the cd and the full track list and a small image displays above it, without going to a new page.
I have a page that has several layers that I will either show/hide based on a graphic/tab that the user clicks. (works perfectly)
On several of the layers there are forms that the user can update information on. Well, after the user updates the information, I need to 1.) refresh the data on the page(means a reload of the page), and 2.) take the user right back to were they started.
My problem is that when I refresh, the page goes back to the 1st layer that is set as default to show.
So, here is what I did. I have two functions.
Function 1 is called when the user clicks on one of the tabs (Assets) in this case. This will 1.) show the Assets tab and 2.) hide all the rest of the tabs.
Well if I update that form for Assets, I need to 1.) refresh the data and 2.) bring the user right back to Assets.
What I did for this (please tell me if there is a better way) was to set a hidden field with the lastlocation of where the user clicked. In this case the field value is now set to Assets.
So far everything is working great...
Well, if I submit the form because I've updating information, I need to return back to the assets layer. To do this I set the location.url and put a var in the url that I evaluate when I OnLoad the page. If the value = Assets then I am able to show/hide the layers to get to the Assets.
Again, this works great after much banging of my head against the wall... Here come the problem.
Because I set the location.URL (I've also tried location.href) the browser will automatically refresh. I do not want this. I want to set the url and only refresh when I want to.
For example when I submit a form that updates data.
I made a form with a tooltip function when you hover over an input field.But when I load the page, after about 500ms, the page turns white and the ""Loading..."-message from the browser stays forever.I found out that this is because of the tooltip function, especially the code:document.write(table)
Here's the javascript: //////// Tooltip code ///////////////////////
I have a div tag that I want to loop through and refresh at the end of the loop. I understand Ajax is probably the best option for this but how do I refresh just the div tag alone without reloading the page?
In the title I meant to say How do I refresh a div tag without reloading the page?
I have a window that generates a popup. In the popup a link takes you to a second page within the popup.In the 2nd page of the popup I have the following
Code:
<body onUnload="opener.location.replace(window.opener.location);"> This reloads the original parent window. This reloads the page but is causing the problems, the page seems to change but it is going to this URL
http://www.mysitehere.com/[object]
It should refresh the page but instead it is adding the [object] piece to the end.
Do you have any idea's on how to fix this (or an alternative)?
I'm trying to learn js &html5. now i have an issue. i'm working on a dice game (craps) using the html5 <canvas>. my dice are working fine but every time i click the "roll" button the page reloads which resets my form. the form provides feedback about the rolls. it includes the output of the counter variable, and win, lose, or shoot again info.
Html5 can be viewed at
Here is some of the js. if you need it all i'll post it later - just let me know.
Fyi- if i take the call to fxInit() out of the body tag in the html5 the canvas does not persist, it blinks with every (roll) onClick Event
I have used ie9 js debugger and it steps through flawlessly every time 4-5 counts .
I have a google map which shows a car moving along a line that it reads from xml.the problem is that if the user clicks the button again without reloading the page, the map moves but the car remains at its last point.From what I can figure out, this means that the startAnimation() function has restarted but the animate(d) function has not restarted. but trying to call the animate(d) function from the button, where the startAnimation() gets called,is there some way of resetting the animate(d) function when the startAnimation() function gets called, so everything goes back to the start? Or is there some other way of "refreshing" everything without reloading the page?
I'm trying to create a feature similar to facebooks "like" system.
I have a page with peoples posts in, and when someone clicks on "like", I want to first run the query to insert a new like into the database, then reload just the number of likes, without refreshing the entire page.
I know this way is harder but I want it to work without reloading everything. Here's what I have so far:
function for like (reverse engineered, might be completely wrong..)
function like(){ $('#postoptions').load('php_files/likecount.php'); } postoptions.php
[Code]....
I know that at the moment there is no query to add an entry to the database when clicking on the like link, but I'm not too sure how to put it. I tried putting this:
I'm trying to reload some dynamic content that is contained within div tags without refreshing the entire page. After some searching it appears that Ajax is my best bet, but I have never worked with JQuery before.
Here is the code snippet from the page containing the data I'm looking to refresh when a user click the "update" form button:
I developed a website which should be in german and english. I need to load the site depending on the browser's language. If the user's browser is english and he types URL>..then I have to load the english site with URL...and if the language is german I have to load always URL... I have created a redirect.htm on IIS as the default document and that is not working.
I have a form that I perform some AJAX business on when it is submitted. However, I wanted to have an if...else statement but when I add it it allows the page to refresh upon submit. For example.
how to do the following, here is a simplified example:
Let's say I have a database of pictures of animals. A search for "pets" is performed and it loads a page of thumbnail images. Somewhere on the page is a list of other search criteria (text link or checkbox) that would narrow the initial returned results. An example would be "cats", "dogs", "hamster", etc.
Is there a way after the initial search is performed that the results could be further filtered without having to hit a submit button and reload the page?
is there a way to send data to the server through a form , and then receive the response from the server without reloading a new page? kind of like the LoadVars object in flash?
I am embedding several youtube videos on a page, by default, youtube videos do not autoplay.
To get them to autoplay, one simply appends &autoplay=1 to the youtube url.
E.g. http://www.youtube.com/v/6YR0LGK_HHA&autoplay=1 (will autoplay)
As opposed to: http://www.youtube.com/v/6YR0LGK_HHA (will not autoplay)
Does anyone know of a cool trick for being able to do this when the client clicks on a JS link labelled Play Video (without refreshing the page)? Code: