Meabh Landers: Created page with "== Overview == To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identi..."

2021-02-10T14:01:34Z

Created page with "== Overview == To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identi..."

New page

== Overview ==

To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identifier just like JQuery and because the Prototype library is referenced before jQuery we must make a small modification. jQuery allows you to modify the $ identifier to be a custom one, in order to avoid any issues with Prototype

<syntaxhighlight lang="JavaScript">
var $JQ = jQuery.noConflict(); // This line is required to make jQuery Play nice with bxp
</syntaxhighlight>

The above line must be the first line in your custom JavaScript code in order for it to work. When referencing a jQuery function you should use the custom identifier $JQ instead of $

<syntaxhighlight lang="JavaScript">

$JQ( "#strCDA_X_field_X_X" ).datepicker({
numberOfMonths: 1,
changeYear: true,
dateFormat: 'yy-mm-dd',
showButtonPanel: true
});

</syntaxhighlight>

[[Category:Module Specific:Form Management]]
[[Category:Topic:JavaScript]]

JQuery and Bxp - Revision history

Meabh Landers: Created page with "== Overview == To use JQuery within bxp we need to modify the jQuery identifier, we need to do this as bxp uses the Prototype library. The Prototype Library uses the $ identi..."