Hi Martin,
thanks for your reply, I understand. Here are some more details:
<marker> is a WebmarkupContainer in a page that represents a rectangle.
When the user clicks a specific icon (see below), the CSS class „marker“ is
added to the marker and the page is reloaded so that the marker-CSS is executed
one time (highlighting effect).
However, after that event, the CSS class should be removed so that the effect
is not shown anymore, e.g., when the user simply loads the page.
Any ideas how to implement this feature?
final WebMarkupContainer icon = new WebMarkupContainer(„icon");
icon.setOutputMarkupId(true);
icon.add(new AjaxEventBehavior("onclick") {
protected void onEvent(AjaxRequestTarget target) {
marker.add(AttributeModifier.append("class", "marker"));
target.add(getPage());
}
});
Thanks!
> Am 03.02.2015 um 22:41 schrieb Martin Grigorov <[email protected]>:
>
> Hi,
>
> Please try to explain the idea again.
> There is no such thing like CSS event. There is JS event.
> Does the button submit a form ? Because you say it reloads the page ...
> Why do you think the event is fired more than once ?
>
> Martin Grigorov
> Wicket Training and Consulting
> https://twitter.com/mtgrigorov
>
> On Tue, Feb 3, 2015 at 11:30 PM, Chris <[email protected]> wrote:
>
>> Hi guys,
>>
>> I would like to control a DIV element when clicking on a button, so that
>> it sort of reacts to this event by „blinking“ for a short time.
>> Currently, when clicking the button, a CSS attribute is added to the DIV’s
>> class and the page is reloaded so that this event is triggered.
>> However, the event should fire only once so I would therefore need to
>> delete the attribute after that.
>>
>> Is there a more elegant solution so that the „CSS event“ is fired once
>> when clicking the button?
>>
>> Thanks,
>> Chris
>>
>>
>>
>> ---------------------------------------------------------------------
>> To unsubscribe, e-mail: [email protected]
>> For additional commands, e-mail: [email protected]
>>
>>
