Re: Modal dialogs with Ajax

2007-09-14 Thread Matej Knopp
Well, modal window is a bit overkill in this case. I guess I'd replace
it by a custom mask and probably a centered message with a button.
It's hard to be any detailed, as this requires some CSS work and
custom javascript.

-Matej

On 9/13/07, Anthony J Webster [EMAIL PROTECTED] wrote:
 Hello again,

 I have a form with ajax validation on its component's 'onblur' and a sumit 
 link. The submission process takes a while as it results in numerous database 
 lookups and so on. Initially I used an IndicatingAjaxSubmitButton to show the 
 user that their request was being processed, with the help of mailinglist and 
 #wicket members I also disabled the link during the submission with an 
 AjaxCallDecorator and I suppose I could always add a modal div over the whole 
 site as well (in the same callDecorator) in order to stop users changing the 
 form contents or navigating to another part of the site.

 That all works fine however I need to push this further. If a user submits 
 information which corresponds to a object that already exists in the 
 database, I need to ask him whether he wishes to create a duplicate.

 The way I see this working is as follows. The user submits a valid form by 
 clicking the link. This results in a modal centered dialog with some loading 
 animation being displayed. If the submission works the user is redirected to 
 a 'success' page where the entered data is display along with any information 
 calculated during the submission. However if there is an error (an Exception 
 thrown from the server) either a connection problem or duplicate data, the 
 animation is replaced by some text explaining the problem and 1 or 2 buttons 
 (Cancel for connection problems and Make Duplicate/Cancel for duplicate 
 data). The Cancel button simply removes the modal window effectively 
 returning the user to the form, whereas the Duplicate button launches the 
 submission again and displays the animation until it succeeds or fails again 
 in the case of connectivity problems.

 I know this a lot to ask but has anyone got any idea how to achieve this as 
 I'm getting a tad confused!

 Many Thanks

 Anthony

-
To unsubscribe, e-mail: [EMAIL PROTECTED]
For additional commands, e-mail: [EMAIL PROTECTED]



Modal dialogs with Ajax

2007-09-13 Thread Anthony J Webster
Hello again,

I have a form with ajax validation on its component's 'onblur' and a sumit 
link. The submission process takes a while as it results in numerous database 
lookups and so on. Initially I used an IndicatingAjaxSubmitButton to show the 
user that their request was being processed, with the help of mailinglist and 
#wicket members I also disabled the link during the submission with an 
AjaxCallDecorator and I suppose I could always add a modal div over the whole 
site as well (in the same callDecorator) in order to stop users changing the 
form contents or navigating to another part of the site.

That all works fine however I need to push this further. If a user submits 
information which corresponds to a object that already exists in the database, 
I need to ask him whether he wishes to create a duplicate.

The way I see this working is as follows. The user submits a valid form by 
clicking the link. This results in a modal centered dialog with some loading 
animation being displayed. If the submission works the user is redirected to a 
'success' page where the entered data is display along with any information 
calculated during the submission. However if there is an error (an Exception 
thrown from the server) either a connection problem or duplicate data, the 
animation is replaced by some text explaining the problem and 1 or 2 buttons 
(Cancel for connection problems and Make Duplicate/Cancel for duplicate data). 
The Cancel button simply removes the modal window effectively returning the 
user to the form, whereas the Duplicate button launches the submission again 
and displays the animation until it succeeds or fails again in the case of 
connectivity problems.

I know this a lot to ask but has anyone got any idea how to achieve this as I'm 
getting a tad confused!

Many Thanks

Anthony