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

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

c# - TypeConverter in propertygrid only converts from string, not to -

-
When the property grid is reached, only the conversion mechanism (often called) is called "Foo!" Returns the property string in the grid when I click to edit I get an exception Type.oo. Object type can not be changed to type. (Not properly translated,) What is a clue from the convert format, why not? And the error indicates that it is trying to convert to a string, not from. I think that when I want to edit this object, it will have to be converted from foo to string, and when the editing ends. Public class FooTypeConverter: StringConverter {public override object ConvertFrom (ITypeDescriptorContext Reference, CultureInfo Culture, Object Value) {New Foo (string) value); } Convert the public override object (Type the ITE DiskText Contact Reference, CultureInfo Culture, Object Value, Type Type) {Return "Foo!"; } Public override bool CanConvertFrom (ITypeDescriptorContext reference, type source type) {back true; } Public Override Bull CanConvertTo (ITypeDescrip
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