Re: Modal Window set focus

2012-08-21 Thread Marco Di Sabatino Di Diodoro 

On Aug 20, 2012, at 12:00 PM, Martin Grigorov wrote:

 Only form elements can be focused in HTML by default.
 To make a normal div focusable you need to add 'tabindex' attribute to it.

I set the focus to the ModalWindow by adding the following attribute:

body onload=window.focus()
...
...
/body

It work. Thanks for your help.

 
 Experiment with Firebug/DevTools first. Find the JS that can focus
 your modal window and then just add it in your Java code.
 
 On Mon, Aug 20, 2012 at 12:54 PM, Marco Di Sabatino Di Diodoro
 marco.disabat...@tirasa.net wrote:
 
 I add target.appendJavaScript(document.getElementById(' + 
 editModalWin.getMarkupId() + ').focus(););
 
 But not work...
 
 Here you can found my code:
 
   final AjaxLink createLink = new IndicatingAjaxLink(createLink) {
 
private static final long serialVersionUID = 
 -7978723352517770644L;
 
@Override
public void onClick(final AjaxRequestTarget target) {
editModalWin.setPageCreator(new ModalWindow.PageCreator() {
 
private static final long serialVersionUID = 
 -7834632442532690940L;
 
@Override
public Page createPage() {
return new 
 EditUserModalPage(Users.this.getPageReference(), editModalWin, new UserTO());
}
});
target.appendJavaScript(document.getElementById(' + 
 editModalWin.getMarkupId() + ').focus(););
editModalWin.show(target);
}
};
 
 
 
 On Aug 20, 2012, at 10:49 AM, Martin Grigorov wrote:
 
 Hi,
 
 You open it with modal.show(target), right ?
 Since you have the 'target' you can use it to execute an arbitrary
 JavaScript after opening the modal: target.append(someJsToFocus).
 
 The JS should look like: document.getElementById(
 +modal.getMarkupId()+ ).focus();
 
 On Mon, Aug 20, 2012 at 11:44 AM, Marco Di Sabatino Di Diodoro
 marco.disabat...@tirasa.net wrote:
 Hi all,
 
 I want to set the focus to a ModalWindow when it is opened. This allows me 
 to close the ModalWIndow with the esc key without having to click on it 
 before.
 
 suggestions?
 
 Thanks
 M
 
 --
 
 Dott. Marco Di Sabatino Di Diodoro
 Tel. +39 3939065570
 
 Tirasa S.r.l.
 Viale D'Annunzio 267 - 65127 Pescara
 Tel +39 0859116307 / FAX +39 085973
 http://www.tirasa.net
 
 Apache Syncope PPMC Member
 http://people.apache.org/~mdisabatino
 
 
 
 
 
 
 
 --
 Martin Grigorov
 jWeekend
 Training, Consulting, Development
 http://jWeekend.com
 
 -
 To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
 For additional commands, e-mail: users-h...@wicket.apache.org
 
 
 --
 
 Dott. Marco Di Sabatino Di Diodoro
 Tel. +39 3939065570
 
 Tirasa S.r.l.
 Viale D'Annunzio 267 - 65127 Pescara
 Tel +39 0859116307 / FAX +39 085973
 http://www.tirasa.net
 
 Apache Syncope PPMC Member
 http://people.apache.org/~mdisabatino
 
 
 
 
 
 
 
 -- 
 Martin Grigorov
 jWeekend
 Training, Consulting, Development
 http://jWeekend.com
 
 -
 To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
 For additional commands, e-mail: users-h...@wicket.apache.org
 

--

Dott. Marco Di Sabatino Di Diodoro
Tel. +39 3939065570

Tirasa S.r.l.
Viale D'Annunzio 267 - 65127 Pescara
Tel +39 0859116307 / FAX +39 085973
http://www.tirasa.net

Apache Syncope PPMC Member
http://people.apache.org/~mdisabatino

Modal Window set focus

2012-08-20 Thread Marco Di Sabatino Di Diodoro 
Hi all,

I want to set the focus to a ModalWindow when it is opened. This allows me to 
close the ModalWIndow with the esc key without having to click on it before.

suggestions?

Thanks
M

--

Dott. Marco Di Sabatino Di Diodoro
Tel. +39 3939065570

Tirasa S.r.l.
Viale D'Annunzio 267 - 65127 Pescara
Tel +39 0859116307 / FAX +39 085973
http://www.tirasa.net

Apache Syncope PPMC Member
http://people.apache.org/~mdisabatino

Re: Modal Window set focus

2012-08-20 Thread Martin Grigorov 
Hi,

You open it with modal.show(target), right ?
Since you have the 'target' you can use it to execute an arbitrary
JavaScript after opening the modal: target.append(someJsToFocus).

The JS should look like: document.getElementById(
+modal.getMarkupId()+ ).focus();

On Mon, Aug 20, 2012 at 11:44 AM, Marco Di Sabatino Di Diodoro
marco.disabat...@tirasa.net wrote:
 Hi all,

 I want to set the focus to a ModalWindow when it is opened. This allows me to 
 close the ModalWIndow with the esc key without having to click on it before.

 suggestions?

 Thanks
 M

 --

 Dott. Marco Di Sabatino Di Diodoro
 Tel. +39 3939065570

 Tirasa S.r.l.
 Viale D'Annunzio 267 - 65127 Pescara
 Tel +39 0859116307 / FAX +39 085973
 http://www.tirasa.net

 Apache Syncope PPMC Member
 http://people.apache.org/~mdisabatino







-- 
Martin Grigorov
jWeekend
Training, Consulting, Development
http://jWeekend.com

-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org

Re: Modal Window set focus

2012-08-20 Thread Marco Di Sabatino Di Diodoro 

I add target.appendJavaScript(document.getElementById(' + 
editModalWin.getMarkupId() + ').focus(););  

But not work...

Here you can found my code:

   final AjaxLink createLink = new IndicatingAjaxLink(createLink) {

private static final long serialVersionUID = -7978723352517770644L;

@Override
public void onClick(final AjaxRequestTarget target) {
editModalWin.setPageCreator(new ModalWindow.PageCreator() {

private static final long serialVersionUID = 
-7834632442532690940L;

@Override
public Page createPage() {
return new 
EditUserModalPage(Users.this.getPageReference(), editModalWin, new UserTO());
}
});
target.appendJavaScript(document.getElementById(' + 
editModalWin.getMarkupId() + ').focus(););
editModalWin.show(target);
}
};



On Aug 20, 2012, at 10:49 AM, Martin Grigorov wrote:

 Hi,
 
 You open it with modal.show(target), right ?
 Since you have the 'target' you can use it to execute an arbitrary
 JavaScript after opening the modal: target.append(someJsToFocus).
 
 The JS should look like: document.getElementById(
 +modal.getMarkupId()+ ).focus();
 
 On Mon, Aug 20, 2012 at 11:44 AM, Marco Di Sabatino Di Diodoro
 marco.disabat...@tirasa.net wrote:
 Hi all,
 
 I want to set the focus to a ModalWindow when it is opened. This allows me 
 to close the ModalWIndow with the esc key without having to click on it 
 before.
 
 suggestions?
 
 Thanks
 M
 
 --
 
 Dott. Marco Di Sabatino Di Diodoro
 Tel. +39 3939065570
 
 Tirasa S.r.l.
 Viale D'Annunzio 267 - 65127 Pescara
 Tel +39 0859116307 / FAX +39 085973
 http://www.tirasa.net
 
 Apache Syncope PPMC Member
 http://people.apache.org/~mdisabatino
 
 
 
 
 
 
 
 -- 
 Martin Grigorov
 jWeekend
 Training, Consulting, Development
 http://jWeekend.com
 
 -
 To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
 For additional commands, e-mail: users-h...@wicket.apache.org
 

--

Dott. Marco Di Sabatino Di Diodoro
Tel. +39 3939065570

Tirasa S.r.l.
Viale D'Annunzio 267 - 65127 Pescara
Tel +39 0859116307 / FAX +39 085973
http://www.tirasa.net

Apache Syncope PPMC Member
http://people.apache.org/~mdisabatino

Re: Modal Window set focus

2012-08-20 Thread Martin Grigorov 
Only form elements can be focused in HTML by default.
To make a normal div focusable you need to add 'tabindex' attribute to it.

Experiment with Firebug/DevTools first. Find the JS that can focus
your modal window and then just add it in your Java code.

On Mon, Aug 20, 2012 at 12:54 PM, Marco Di Sabatino Di Diodoro
marco.disabat...@tirasa.net wrote:

 I add target.appendJavaScript(document.getElementById(' + 
 editModalWin.getMarkupId() + ').focus(););

 But not work...

 Here you can found my code:

final AjaxLink createLink = new IndicatingAjaxLink(createLink) {

 private static final long serialVersionUID = 
 -7978723352517770644L;

 @Override
 public void onClick(final AjaxRequestTarget target) {
 editModalWin.setPageCreator(new ModalWindow.PageCreator() {

 private static final long serialVersionUID = 
 -7834632442532690940L;

 @Override
 public Page createPage() {
 return new 
 EditUserModalPage(Users.this.getPageReference(), editModalWin, new UserTO());
 }
 });
 target.appendJavaScript(document.getElementById(' + 
 editModalWin.getMarkupId() + ').focus(););
 editModalWin.show(target);
 }
 };



 On Aug 20, 2012, at 10:49 AM, Martin Grigorov wrote:

 Hi,

 You open it with modal.show(target), right ?
 Since you have the 'target' you can use it to execute an arbitrary
 JavaScript after opening the modal: target.append(someJsToFocus).

 The JS should look like: document.getElementById(
 +modal.getMarkupId()+ ).focus();

 On Mon, Aug 20, 2012 at 11:44 AM, Marco Di Sabatino Di Diodoro
 marco.disabat...@tirasa.net wrote:
 Hi all,

 I want to set the focus to a ModalWindow when it is opened. This allows me 
 to close the ModalWIndow with the esc key without having to click on it 
 before.

 suggestions?

 Thanks
 M

 --

 Dott. Marco Di Sabatino Di Diodoro
 Tel. +39 3939065570

 Tirasa S.r.l.
 Viale D'Annunzio 267 - 65127 Pescara
 Tel +39 0859116307 / FAX +39 085973
 http://www.tirasa.net

 Apache Syncope PPMC Member
 http://people.apache.org/~mdisabatino







 --
 Martin Grigorov
 jWeekend
 Training, Consulting, Development
 http://jWeekend.com

 -
 To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
 For additional commands, e-mail: users-h...@wicket.apache.org


 --

 Dott. Marco Di Sabatino Di Diodoro
 Tel. +39 3939065570

 Tirasa S.r.l.
 Viale D'Annunzio 267 - 65127 Pescara
 Tel +39 0859116307 / FAX +39 085973
 http://www.tirasa.net

 Apache Syncope PPMC Member
 http://people.apache.org/~mdisabatino







-- 
Martin Grigorov
jWeekend
Training, Consulting, Development
http://jWeekend.com

-
To unsubscribe, e-mail: users-unsubscr...@wicket.apache.org
For additional commands, e-mail: users-h...@wicket.apache.org