Changing Location Bar Contents Without Reloading
Jan 24, 2006Is there any way to change the contents of the location bar, such as to add something like "?c=1" to the end of the url, without causing the web page to reload itself?
View 1 RepliesIs there any way to change the contents of the location bar, such as to add something like "?c=1" to the end of the url, without causing the web page to reload itself?
View 1 RepliesI 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.
Is there a way to change the contents of a div block dynamically? Or should I use iframe instead?
View 9 Replies View RelatedI would like a simple table where the user can hover over one of several small cells, and the contents of the main cell changes. An example can be found on the Virgin.net Website right in the middle of the page.
Can someone point me in the right direction?
Is it possible to change the storage place or location for a specific cookie of a local HTML file? Or to prevent it from being erased anytime?
View 1 Replies View RelatedI have a problem with IE and location.hash. If I change the hash, the history doesn't "update" and it only keeps one record of the URL. This whole website is AJAX-driven and I need the user to be able to use the forward and back buttons in the browser. Everything works fine and dandy, tested on all the major browsers on PC and Mac, except for IE (both 6 and 7).
In case I wasn't clear, here's a way to reproduce in IE6/7:
Go to google.com
Go to yahoo.com#one
Go to yahoo.com#two
Click back. You'll be back to google.com instead of yahoo.com#one
I'm working on a text editor with simple BBCode tags, like . It works perfectly in firefox and chrome, but not in Internet Explorer.
The js function in question:
Do we even have a selection?
The variable textArea is, of course, a <textarea>.
I call this function with the onclick event of a button, like this:
In Chrome and FF, clicking the button inserts the tags, just as it should. In IE, nothing happens.
I have another js function that formats the text and displays it, which works in all browsers. No idea why this doesn't. Any reason this wouldn't work in IE? Anything I can do to make it work?
Here is what I have: a regular main window that opens a small pop-up for preview purposes. This pop-up window has a text link to close it and a text link to close it and reach a page with more detail in the main window. I have been trying an infinite number of things so far and I cannot get this last link to work in Opera 10. All workarounds are just fine in FF 3 and IE 8. Here is the function called when clicking the link to "close and go":
[Code]....
Trying to get a handle on the basic syntax.
I want to use .ajax instead of the following js function so that I can use the event handlers to update the DOM after changing the contents of a jQuery UI tab. What happens now is that the DOM only contains the first loading of the JQuery UI tab (fragment-3 in this example). Once the tab is changed by the displayfrag3 function (a table is rewritten with new <td ids>) the DOM doesn't see any new id tags so "on click" functions using the new ids don't work.
My Call to this Function:
My Attempt at using jQuery .ajax:
What is the call statement for this and how do I pass a variable to it?
Could someone show me the correct jQuery .ajax code and explain how to add the success handler to update the DOM.
i'm trying to set up a page that has 5 radio buttons at the top of the page and when you select one of them, without needing to hit a 'submit' button, it will change the contents of the second half of the page, which will contain form elements.
i'm trying to do this without frames or iframes, and am hoping there's a way to do it with cfloop or something.
I am writing a modification to Invision Power Board that makes replying to post via Ajax.
The "Submit" button is being overrun by Prototype's observe function. When the custom function is executed, I run Event.stop(e) to prevent the actual form from being submitted and reload the page.
I have developed and tested on Safari but users began to report bugs in IE, after investigation I discovered that the line
Code:
Is making IE execute all the code after it, and then execute its own onclick() function as if Event.stop(e) was not there. Commenting this line fixes the problem, the page is not reloaded, but this line is vital to the code.
So why do I need to set the anchor? To support the back button function after a user makes an ajax reply, pressing Back should hide the new content, and pressing Forward should make it visible. (e.g. every time the anchor is changed) This all works nicely. But not in IE.
This only happens the first time the page is visited ever, or clearing cache and visiting it again. Reloading the page fixes the problem but this is not normal behavior and users shouldn't have to reload to use the Ajax fast reply...
I'm using a service to remotely create a pdf - it creates a pdf of the page you're on. Unfortunately that includes the link as well. I'd like to push the pdf generator to a slightly different url which would remove the offending link. The link I have is:
[Code]....
but it is not fooled! It seems I need to edit location.href but I don't know how to do it!!
I'm looking for javascript to analyze the contents of a textbox and replace the contents with the appropriate date. To make that a little clearer, if the user types 'tomorrow' then when they tab/move onto the next text box the 'tomorrow' text should be replaced with the date for tomorrow in the format dd/mm/yyyy, if the user enters '1 week' then the text should be replaced with the date in one week in the format dd/mm/yyyy etc.
View 1 Replies View RelatedDanged if I can find the thread, but I swear I saw a $.url() reference in here a day or two ago. It was beingutilized for parsing out the window.location or window.location.search parameters. I made a mental note because that was something I would be needing to do.
Now I can't find it, either because the search isn't finding it or I was dreaming about this function existing.
I rummaged about the API docs and didn't find it there either. Is it something provided by one of the plugins and not a function native to jQuery?
Im currently working on a project with jquery... the thing is.. i need to change the contents of a div named "sub2" with the contents of "pets.html"... i've read some tutorials and i thought the best way to do this is through the use of jquery...
Here's my code:
My image which is supposed to be clicked contains this:
The code is working ., but when i transfer my codes to netbeans with Tomcat running the code didnt work ...
Is there anyone here who knows what's wrong or what should i do with my code?
Basically, I want the same effect as the oldschool html 'frameset' I think.[URL]If a user selects a project from industry -> transportation for example, I would like that the right scrollmenu keeps its initial state when the new project page comes up. So they won't get lost and have to click again to be in the same submenu section.So, the right thumbnail navigation should stay in the same way, I don't want it to reload.Do I have to do it with frames or iframes? Or can I make some kind of jQuery call to 'not reload' that div? Maybe PHP? I'm sorry, I am not a programmer from origin.
Update:I managed to put the whole thumbnail navigation code into a seperate php file, called sidebar.php. Now this gets called in my single.php (Wordpress) by <?php get_sidebar(); ?>.Should it now be easier to make this sidebar.php NOT refresh on page reload? I've been looking at cookies, php sessions, iframes.. but I can't get it to work.
I have a flash embedded into HTML and at some action in the flash, a javascript is called that changes the CSS properties of the div containing the flash (postion, from relative to fixed)the problem is, when this CSS is called the flash banner reloads from the beginning.. I read about it, and it's kind of a bug in firefox.the question is, is there a way to change the CSS without reloading the flash?
View 3 Replies View RelatedI have a site with frames. Like most sites with frames, clicking
links in one frame changes the page in the other frame.
Obviously, if someone puts in the URL for my site, they will get the
"homepage" when they first get there. What I would like to accomplish
is that if they leave my site, and then use the BACK button to come
back, that the site will open with the homepage, not whatever page
they were at when they left. Is that possible using javascript? If
so, how?
My site isn't actually "on the web" yet, so I can't give you a URL.
Is there a way of reloading a page programatically - for example,
<script language="javascript>
document.location.reload()
</script>
BUT NOT HAVING TO MANUALLY CLICK A "RESET" BUTTOM.
Suppose I have two frames, as shown in the script below. One of the frames,
I would like to have reload every ten minutes or so. Hower, the frame I wish
to reload is a php script, which executes and creates a png image which gets
displayed directly to the browser frame (therefore, the image is NOT written
to the server itself, and the page that gets displayed in the frame I wish
to update is a png image mime type).
How can I amend my script in my page which holds the frameset (i.e. the
parent) such that only one particular frame is updated at a fixed interval?
<frameset rows="10%,90%>
<frame src="ggtab1a.php" name="main" scrolling="no" noresize
FRAMEBORDER=0 BORDER=0 FRAMESPACING=0 marginwidth="1"
marginheight="1">
<?php
echo "<frame src="reports/homepages/" . $username.".php" ";
?>
name="work1" FRAMEBORDER=0 BORDER=0 FRAMESPACING=0 marginwidth="0"
I'm working on a website that has four tabs, [#main, page1.html, page2.html, page3.html] if you click on tab2 it will dynamically load page1.html where there is a form that a user will fill out, and when they submit it, I would like to reload page1.html, or tab2 if its easier and in scope, to show new information.
However the only thing I have been able to do is fade out the 'main' div inside this tab, $('#main').fadeOut('slow'); but adding a .load('#main') to reload the div fails.
I've also tried loading ui-tabs-1 but I dont think this will work since page1.html doesnt have it defined, it's part of the page loading page1.html (where all 4 tabs are located)
I am just starting out with jQuery (slowly reading through my book)
I am trying to find a way to stop a DIV from reloading with the rest of the page content.
I have a fixed position div at the bottom of the browser with image thumbnails. I am trying to figure how I can get this DIV to NOT refresh when a link inside it is selected. This will allow the scroll position in this div will remain in the correct location.
I'm trying to get a form working like Google's "Was this information helpful?" link at the bottom of their help pages. ie.
http:[url]....What I want to do is when a user clicks on the Yes / No link it submits the yes / no value to a php script, but without reloading the current page.Is there any way to do this other than using Ajax?
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
///////////////////////
[code]....
I started on the following page (part of an asp.net solution), but the damned thing keeps reloading.
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
[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?