Home/ Questions/Q 7175473
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-05-28T16:18:10+00:00

We are using Curvy corners script (http://www.curvycorners.net) for the JSF buttons to have the

  • 0

We are using Curvy corners script (http://www.curvycorners.net) for the JSF buttons to have the curvy corners in IE.

In IE when we make a Ajax call ,in Ajax response this curvy corners doesn’t executed so we tried to re-execute the curvy corner script . as below in JSF ,but still the curvy corner is not refreshed ,how to reload the curvy corner in Ajax response

jsf.ajax.addOnEvent( function(data) {
if (data.status == "success") { // Can be 'begin', 'complete' and 'success'.
alert("curvy corner");
 var settings = {
 tl: { radius: 5 }, tr: { radius: 5 }, bl: { radius: 5 }, br: { radius: 5 },        antiAlias: true
    };
    $.getScript("jquery.curvycorners.min.js", function() {
    curvyCorners(settings, '.button-primary'); });

}
Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    From the comments:

    .getScript is not loading curvycorner script

    Then the location which you specified in $.getScript() is just invalid. As you have specified it now (without a leading slash), it’s relative to the current request URL. Imagine that you have opened the JSF page by http://localhost:8080/context/some/folder/some.xhtml, then the $.getScript("jquery.curvycorners.min.js") will try to load it from http://localhost:8080/context/some/folder/jquery.curvycorners.min.js. Your problem indicates that the file is actually not there at all, but on a different folder or something.

    The callback function of $.getScript() is only called when the script is successfully loaded. So you need to fix the location accordingly so that it get loaded properly.

    But as you mentioned in the comments, you have this script already in the <head> and it is already working on page load. You don’t need to load the whole script again by $.getScript() at all. Just invoke the callback function directly.

    jsf.ajax.addOnEvent(function(data) {
    if (data.status == "success") {
        var settings = {
            tl: { radius: 5 }, tr: { radius: 5 }, bl: { radius: 5 }, br: { radius: 5 },        antiAlias: true
        };
        curvyCorners(settings, '.button-primary');
    }
}
    • 0