Adapt Learning Community: Simple Interactive Table

Hi again knowledgeable Adapt users.

I want to insert an interactive table into a course. It's simply an HTML table with columns made sortable with a jQuery plugin. My question is where do I insert the script referencing and calling the jQuery? I'm using the Authoring Tool, but would be comfortable retrofitting the table sorting references after downloading the course (if I knew where to put them), then finally building it using the Framework. My other thought is to create a simple extension that calls the script on page load.

Any pointers on the simplest approach would be much appreciated.

Stephen

Well, if it's just a one-off then the simplest way is actually just to build it as a separate HTML page then include it in your course using one of the iframe plugins...

Otherwise you could look to modify core/js/scriptLoader.js to load it - but I'd be more inclined to go down the extension route. Note that as of framework 2.0.13, plugins should ideall put code like this into a 'libraries' folder - see adapt-contrib-slider for an example. Note that the build tool won't minify/uglify this code so you'll need to add the minified version if you want it like that.

Show parent | Reply

You could also add that JQuery plugin to the framework libraries folder (to ensure it's included in the build) then load it via $.getScript()

Show parent | Reply