Search jQuery

jQuery Forum

How do I refresh the page so I end up back in the div I want?

in jQuery Mobile • 11 years ago

I have a delete button that deletes the data shown in a field on a data-role page, one of several div pages on this html page. After the user hits the delete button, I want to allow them to hit a Refresh button so they can see that the data has been cleared from the field.

I have been unsuccessful in figuring out how to refresh the page so the correct data-role page shows up. I tried ...

<a href="name.html"

<a href="name.html#section"

<a href="#section"

... and none of these brings me back to the right page. I added rel="external" to each and that did not help.

I tried making an image on the div page an anchor, but that did not work either: <a name="section"><img src="picture.jpg"></a>

How do I refresh the page so I end up back in the div I want?

Replies(11)

haga0054

Re: How do I refresh the page so I end up back in the div I want?

11 years ago

Are you doing something like this: http://jsfiddle.net/TVpce/? If so why do you need to reload? I don't really understand the problem. If they can visually see the fields get cleared, why do you need to refresh? Can you give an example or a better explanation of the problem?

stevenhus

Re: How do I refresh the page so I end up back in the div I want?

11 years ago

A user fills in a page's input fields, then goes to a different div page to export the fields' contents. The fields' contents populate a textearea field, ready for exporting via email.

On the same page is an Erase button. When the user taps the button, a function is called which clears the localstorage of fields. However, after the fields are cleared in localstorage, they are still visible in the textarea field.

It would be nice to refresh the page in some way to show the page with the fields emptied.

Apart from anything to do with localstorage, the question is still the same:

How do I refresh the page so I end up back in the div I want?

haga0054

Re: How do I refresh the page so I end up back in the div I want?

11 years ago

So if you clear the local information, can't you just then clear the fields? I added an example of clearing a text area. The clear button will clear the text field and the text area.

http://jsfiddle.net/TVpce/2/

Edit: So basically after you clear the localstorage with your erase button, also clear the fields on the screen.

Another question: Are you changing the hash as you navigate through pages? If you don't refresh will give you problems.

stevenhus

Re: How do I refresh the page so I end up back in the div I want?

11 years ago

I'm using localStorage, so I am clearing it like this:

function clearData() {

var form1a = document.getElementById('form1a');

form1a.summary.value = "";

localStorage.removeItem("about");

localStorage.removeItem("DateFrom");

localStorage.removeItem("DateTo");

localStorage.removeItem("EventNotes");

alert('All data from this page has been erased.');

window.location = "export.html";

}

I don't understand this: "Another question: Are you changing the hash as you navigate through pages? If you don't refresh will give you problems." I use the back button functionality, data-add-back-btn="true"

stevenhus

Re: How do I refresh the page so I end up back in the div I want?

11 years ago

So it's not possible to refresh an html page to stay at a div page?

haga0054

Re: How do I refresh the page so I end up back in the div I want?

11 years ago

Unfortunately, no. Not unless you change the hash. When refreshing it will bring you back to the very first "page" div on your document. If you do change the hash, you can refresh on any page.

Example: Say you have two pages in a document.

One with id="Page1" and the other with id="Page2". If your url looks like this, you can refresh:

.....com/.../...#Page1

.....com/.../...#Page2

You can refresh and it will bring you to the correct page/div.

If you don't have hashes in your URL it will bring you to the first page div always. I couldn't give you a solid answer without seeing exactly what you are working on.

stevenhus