ansaurus

Question

Using JavaScript to change the URL used when a page is bookmarked...

Answer 1

A:

You can add [Add to Favorites] button on the page.

Sample:

var urlAddress = "http://www.example.com/#image1";
var pageName = "Example Page Title - Image1";
function addToFavorites() {
    if (window.external) {
        window.external.AddFavorite(urlAddress, pageName); 
    } else {
        alert("Sorry! Your browser doesn't support this function."); 
    }
}

Or use one of these jQuery plugins:

AND / OR

Use URLs with hash at the end and load your content (images etc.) based on that hash value.

function onLoad() {
    if (window.location.hash == "image1") {
        // load image1
    }
}

There are also lots for jQuery plugins for working with URL hash events, for example:

There are also lots of non jQuery JavaScript libraries for that, for example:

http://code.google.com/p/reallysimplehistory/

Koistya Navin 2009-04-01 17:20:17

Answer 2

A:

How about detecting on page load if the URL contains a hash, and if it does, directing them to the page you want them to go to?

Tom Ritter 2009-04-01 17:20:46

Answer 3

A:

You can add an anchor to the URL without reloading the page and pick that up with javascript:

location.href = '.../#' + imageId;

Greg 2009-04-01 17:21:42

Answer 4

A:

As mentioned, generally with ajaxy sites, you manipulate/check the hash part of the URL (window.location.hash) to determine this kind of activity.

The biggest issue is making sure to check against the hash in DOM-ready/window-load, as if the user clicked on a given image. This will work with browsers and bookmarks, but may hamper search indexing.

Tracker1 2009-04-01 17:26:11

Answer 5

+3 A:

Sounds like you should check out Really Simple History. It's how Google (for example, Gmail) allows any page to be bookmarkable (and has history) but doesn't refresh the whole page.

As for the other side of things (having people visit your site then automatically popping up the correct image), I'd try checking window.location.hash once the page loads and firing events based on that.

Daniel Lew 2009-04-01 17:30:48

Answer 6

A:

<html>

<head>
<script type="text/javascript">
function myHref(){
    document.getElementById('myAnchor').innerHTML="Visit Google"
    document.getElementById('myAnchor').href="http://www.google.com"
}
</script>
</head>

<body>
    <a id="myAnchor" href="http://www.java2s.com"&gt;Visit Java2s</a>
    <form>
        <input type="button" onclick="myHref()" value="Change URL and text">
    </form>
</body>

</html>

Bharat Hirani 2010-03-12 08:50:03

ansaurus

tags:

views:

answers:

Using JavaScript to change the URL used when a page is bookmarked...

Sample:

AND / OR

related questions