Solved

confirmation box is required if the user navigating to another page with out saving the data

Posted on 2013-11-20
4
231 Views
Last Modified: 2013-12-17
i have a requirement, in my web application, web page is having many fields, if the user is trying to navigating from this page to another page with out saving , system has to pop some confirmation alert.
For Example: Changes done, you want to exit with out saving the changes Yes / No

So how my system will understand whether i did the changes in page or not? Kindly help me

i am using jsf framework
0
Comment
Question by:prabhualla
4 Comments
 
LVL 7

Expert Comment

by:dimmergeek
ID: 39662554
This will be difficult to do if you do not have a "menu-less" window.  Once I press the "back" button in my browser, you're code will now know it.
You need to create a page that has it's own navigation buttons, but even that does not prevent me from right-clicking and selecting "Bacnk"...unless you disable right-click.  Now you've totally altered my browser and I'm not sure I want to be on your site unless this is an Intranet site...
0
 
LVL 82

Accepted Solution

by:
leakim971 earned 500 total points
ID: 39662562
var somethingChanged = false;
var changesNotSaved = true;
window.onbeforeunload = function() {
     if(somethingChanged && changesNotSaved) return "Changes done, you want to exit with out saving the changes";
}

Open in new window


test page : http://jsfiddle.net/Mjh6t/
0

Featured Post

Gigs: Get Your Project Delivered by an Expert

Select from freelancers specializing in everything from database administration to programming, who have proven themselves as experts in their field. Hire the best, collaborate easily, pay securely and get projects done right.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

In Part 1 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7849-Hex-Maze.html) we covered the hexagonal maze basics -- how the cells are represented in a JavaScript array and how the maze is displayed.  In this part, we'…
Basic understanding on "OO- Object Orientation" is needed for designing a logical solution to solve a problem. Basic OOAD is a prerequisite for a coder to ensure that they follow the basic design of OO. This would help developers to understand the b…
This tutorial covers a practical example of lazy loading technique and early loading technique in a Singleton Design Pattern.
This tutorial will introduce the viewer to VisualVM for the Java platform application. This video explains an example program and covers the Overview, Monitor, and Heap Dump tabs.

776 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question