Let’s say I have a website at example.com It contains two local views, Database

Question

0

Editorial Team

Asked: June 16, 20262026-06-16T22:59:01+00:00 2026-06-16T22:59:01+00:00

Let’s say I have a website at example.com It contains two local views, Database

0

Let’s say I have a website at example.com

It contains two local views, “Database” and “Year”

Initially, the Database view is loaded.

The user navigates to the “Year” view.

The address bar (at least in android 2.3) now reads example.com#Year

The user then decides to refresh the page for whatever reason.

The address example.com#Year is refreshed and the user is greeted with a blank white screen.

Anyone have any suggestions on how to handle this situation? Obviously, whichever view the user is at, if refreshed, I would like for it to display..

Thanks!

Update:

Here is some code to help with describing my problem:

html:

<div data-role="view" id="Database">
    <div data-role="content">
        <p><strong>This is the Database view</strong></p>
        <a data-role="button" id="databaseButton" href="#Year">Go to Year View</a>
    </div>
</div>

<div data-role="view" id="Year">
    <div data-role="content">
        <p><strong>This is the Year view</strong></p>
        <a data-role="button" id="yearButton">Refresh Page</a>
    </div>
</div>

script:

var app = new kendo.mobile.Application($(document).body, {
    initial: "Database"
});

$("#yearButton").click(function() {
    // location.reaload();
    // cannot simulate page refresh by the user in jsfiddle

    // the current browser address is example.com/index.html#Year
    // reloading this address produces a blank white screen
    // because of the #Year parameter
});

http://jsfiddle.net/VUN3g/16/