Datalynx JavaScript, CSS: Difference between revisions

From MoodleDocs
(Created page with "{{Datalynx}} It is possible to add custom JavaScript and CSS code to a datalynx activity. == JavaScript == You can add custom JavaScript in "Manage -> JavaScript". If you us...")
 
 
Line 22: Line 22:
== CSS ==
== CSS ==
Add custom CSS in "Manage -> CSS"
Add custom CSS in "Manage -> CSS"
=== Possibilities to add CSS ===
=== Possible ways to add CSS ===
* Direct input
* Direct input
* Link to external JavaScript
* Link to external JavaScript
* Upload a JS file
* Upload a JS file

Latest revision as of 00:32, 19 April 2016

It is possible to add custom JavaScript and CSS code to a datalynx activity.

JavaScript

You can add custom JavaScript in "Manage -> JavaScript". If you use JavaScript, make sure to choose appropriate selectors and classes, in order to only target the specific view where the JS should be used. Also make sure to make a difference between editing mode and view mode of a view. In the following example, the edit view is detected via the presence of an input-tag, that is not present in view mode.

YUI().use('node', 'event', function(Y) { if(Y.one('.class_only_present_in_a_view') && Y.one('.sws input')){ function werteberechnen(){ var einzel = Y.all('.summeects');

                }

} });

Possibilities to add JS

  • Direct input
  • Link to external JavaScript
  • Upload a JS file

CSS

Add custom CSS in "Manage -> CSS"

Possible ways to add CSS

  • Direct input
  • Link to external JavaScript
  • Upload a JS file