Changes

JQuery and Bxp

1,031 bytes added, 15:01, 10 February 2021

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..."

== 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]]

meabh.landers@allnone.ie

240

edits