Re: Modal Window set focus
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 focusable you need to add 'tabindex' attribute to it.
I set the focus to the ModalWindow by adding the following attribute:
...
...
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
> 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
>>> 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
Re: Modal Window set focus
Only form elements can be focused in HTML by default.
To make a normal 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
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
>> 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
Re: Modal Window set focus
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
> 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
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
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
Modal Window set focus
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
