jQuery: Difference between revisions
From MoodleDocs
Line 20: | Line 20: | ||
$page->requires->jquery(); | $page->requires->jquery(); | ||
} | } | ||
</code> | |||
<code html4strict> | |||
// near the end of file: /theme/sometheme/layout/general.php | |||
<script> | |||
$('.headermain').mouseover(function() { | |||
alert('grrr'); | |||
}); | |||
</script> | |||
</code> | </code> | ||
===Basic jQuery in activity module=== | ===Basic jQuery in activity module=== |
Revision as of 14:46, 19 March 2013
Moodle 2.5
WORK IN PROGRESS
YUI is the recommended library for development of Moodle plugins or customisations. However due to significant demand it will be possible to use also jQuery in Moodle 2.5 and later.
Examples
Basic jQuery in custom theme
- create /theme/sometheme/lib.php file if it does not exist yet
- add new function theme_sometheme_page_init to the lib.php file (replace 'sometheme' with real name of your theme)
- use jQuery JavaScript in theme layout files
<?php
// file: /theme/sometheme/lib.php file
function theme_sometheme_page_init($page) {
$page->requires->jquery();
}
// near the end of file: /theme/sometheme/layout/general.php
<script>
$('.headermain').mouseover(function() {
alert('grrr');
});
</script>