FSM (Finite state machine) modelling of a web page's states using jQuery -

-

I'm interested in how the behavior described below can be applied, using jQuery.

Technical overview:

Technically, behavior is ideally designed by the state machine:

One page Loads and initial status (State A). There is no restriction on the user in one page at one place in the state, on one user page, irrespective of who can do anything. Once in Page B (accessed by clicking on a specific button / link etc.), the user will have to complete a special step to complete the page (usually fill out a form and submit it), other words in the initial state In the form correctly rendering the form, the page returns the initial status (state A)

, while in state B, any attempt to move the user away from the page or the current one Click on the other link, page etc. will pop up a message box (or JQuery message box) and ask the user to confirm (yes, cancel) if they want to get away from the current work.

Practice:

A page is displayed, which presents a button to click on the user to fill in some required information. The user ignored the button and chose the option to move with the site pressed. However, once the user clicks on the button and begins to enter the information, if they (deliberately or deliberately) wanted to get away from the work (i.e. to do so that the current page will be refreshed or reloaded), then A message box should be popup and the user should ask to confirm whether they really want to do. A good example of this kind of behavior is actually found on this website when you click on the 'Ask a Question' button.

I would like to know how to implement such behavior,

See the window. P>

You can use it with jQuery: 

  var warning = false; Window.onbeforeunload = function (e) {Return alert; }; $ ('Input, Texter, Selection'). Change (function () {warning = true;});

This will set warning to true whenever the user changes the selected form field. When the page is "unloaded", the window triggers the onbeforeunload event and displays a warning if the function returns the correct ( warning variable).


Comments

Post a Comment

Popular posts from this blog

oracle - The fastest way to check if some records in a database table? -

-
I have a big table to work with. I have to see that there are some records whose parent_id is equal to my passing value. Currently I do this by implementing "my_table using select count (*) where parent_id =: id"; If the result> 0, it means that they exist. Because this is a very large table, and I do not care what the actual number of records present, I just want to know if it exists, so I think count (*) Bit is disabled. How do I apply this requirement most quickly? I'm using Oracle 10. # Tips for Hibernation & amp; Tricks It suggests writing in such a way: Integer number = (integer) session .createQuery ("Select Count (*) to ...."). UniqueResult (); I do not know what is the magic of the unique rule? Why does it fast? To compare, select "1 from mytable where parent_id = passId and rowrum", which is more efficient? If you are not interested in the number of records, then there is an EXISTS query one: Select 'y'
Read more

php - multilevel menu with multilevel array -

-
Just ask someone to solve this problem? I want to create a multilevel menu I can not find the right solution generated with multilevel array, it always gets an array_push error My study came from the original idea But still my Can not match the need. This is my MySQL [code] ----- --------------------- --------------- | ID | PARENT_ID | Name | Link | Seq | 1 | 0 | Dashboad | Dashboard / | 1 | 2 | 0 | Menu 1 | Menu 1 / | 2 | 3 | 0 | Menu 2 | Menu 2 / | 3 | 4 | 0 | Menu 3 | Menu 3 / | 4 | 5 | 2 | Joint Add / | 1 | 6 | 3 | Joint Add / | 1 | 7 | 2 | Edit | Edit / | 2 | 8 | 4 | Joint Add / | 1 ------------------------------------------ [/ Code] I want to do something like this in my array array ('dashboard' = & gt; array ('id' = & gt; '' 'Dame' = & gt; 'Dashboard', 'Title' = & gt; 'Dashboard', 'MatchMin' = & gt; Base_URL (). 'Dashboard /', 'Active' => = & Gt; NULL), &
Read more

jQuery UI: Datepicker month format -

-
I am trying to change the format of the month that shows in the popup (not in the date that the picker actually I do not have any choice anywhere to do this, do I like to use a sub-string () or something else? What I normally display is Trying to change: Class = "ui-datepicker-title"> January & lt; / span & gt; ... & lt; / div & gt; Div>
Read more