Difference between revisions of "Datalynx JavaScript, CSS"

Jump to: navigation, search

Note: You are currently viewing documentation for Moodle 3.4. Up-to-date documentation for the latest stable version of Moodle is likely available here: Datalynx JavaScript, CSS.

(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...")
 
m (Possibilities to add CSS)
 
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