Button Behaviour

[binfchParticipant]

Hi there

I have:

$('#btnTestCall').jqxButton({width: '180px', height: '35px', theme: 'energyblue', disabled: false});

$('#btnTestCall').bind('click', function (event) {
//Just wait for 3 seconds
var start = new Date().getTime();
for (var i = 0; i 3000){
break;
}
}
});


I also did some CSS to show the button in a different color.

When I click the button, the button “stays pushed” for 3 seconds (JS timer). Only after that it is redrawn in normal state.

Is there a way to change this behaviour?

Thx & cheers,
P.

[Peter StoevKeymaster]

Unfortunately, I was not able to reproduce the reported behavior with the ‘energy blue’ theme and with the provided code. I suppose that you may have a code which blocks(prevents) the ‘mouse up’ event where the ‘pressed’ CSS class is cleared and the button is refreshed. Therefore, providing a small sample in which this can be observed locally will be appreciated.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[binfchParticipant]

Thx for the answer

I have a web page with an integrated java applet and 2 jqxButton. The first jqxButton starts an java applet function and the second button stops the java applet function.

Starting is not a problem however once the java applet function has started I can not use the second jqxButton to stop the java applet function (it hangs).

-> With simple html buttons (no jqxButton) this works!?

So it would be nice to know how are events handled?

Thx & cheers,
P.

[Peter StoevKeymaster]

Hi binfch,

The jqxButton is just a wrapper of the standard Input button with CSS styling. Actually, binding to the ‘Click’ event of the Input is the same as binding to the ‘Click’ event of the jqxButton. The jqxButton internally handles the ‘mousedown’, ‘mouseup’, ‘mouseenter’ and ‘mouseleave’ events to update its CSS Style.

For example:

– Mouse Enter – hover state
– Mouse Leave – default state or pressed state(if the mouse button is down).
– Mouse Down – pressed state
– Mouse Up – default state or hover state(if the mouse is over the button).

If you do have a code which blocks the execution of the JavaScript Mouse events or you display something as an overlay above the buttons, then it is possible the mouse up event to be handled by your code or the overlay instead of the Button. It is also possible that Java function to block the Browser’s Scripts until its code is executed.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[DollyBMember]

Hi,

Could you give me one example showing toolbar with dropdown button and normal button?

Thankx
DollyB

[sudarshanMember]

how to insert the save,edit,delete and others buttons inside the dialog contain areas.when i insert this type of button inside the dialog box it cant performs any action

[Peter StoevKeymaster]

Hi sudarshan,

You can see this sample: jquery-window-events.htm.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com

[sudarshanMember]

but i need when i save the data into the database the dialog will not be close …….and that save button is in the middle of the dialog where the upper part of dialog contain the form which i want to save the data and the lower part of that save button contains the jquery grid which i save from the save button .

[Author]

Posts