You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
120 lines
3.5 KiB
120 lines
3.5 KiB
<?php
|
|
// This file is part of Moodle - http://moodle.org/
|
|
//
|
|
// Moodle is free software: you can redistribute it and/or modify
|
|
// it under the terms of the GNU General Public License as published by
|
|
// the Free Software Foundation, either version 3 of the License, or
|
|
// (at your option) any later version.
|
|
//
|
|
// Moodle is distributed in the hope that it will be useful,
|
|
// but WITHOUT ANY WARRANTY; without even the implied warranty of
|
|
// MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
|
|
// GNU General Public License for more details.
|
|
//
|
|
// You should have received a copy of the GNU General Public License
|
|
// along with Moodle. If not, see <http://www.gnu.org/licenses/>.
|
|
|
|
/**
|
|
* Produces a sample page using JQuery.
|
|
*
|
|
* @package core
|
|
* @copyright 20014 Petr Skoda
|
|
* @license http://www.gnu.org/copyleft/gpl.html GNU GPL v3 or later
|
|
*/
|
|
|
|
require(__DIR__ . '/../../../config.php');
|
|
|
|
require_login();
|
|
$context = context_system::instance();
|
|
require_capability('moodle/site:config', $context);
|
|
|
|
$PAGE->set_url('/lib/tests/other/jquerypage.php');
|
|
$PAGE->set_context($context);
|
|
$PAGE->set_title('jQuery library test');
|
|
$PAGE->set_heading('jQuery library test');
|
|
|
|
$PAGE->requires->jquery();
|
|
$PAGE->requires->jquery_plugin('ui');
|
|
$PAGE->requires->jquery_plugin('ui-css');
|
|
|
|
echo $OUTPUT->header();
|
|
|
|
// Note: the examples were copied from http://jqueryui.com/accordion/, and
|
|
// http://jqueryui.com/progressbar/#label.
|
|
|
|
?>
|
|
|
|
<script>
|
|
$(function() {
|
|
$( "#accordion" ).accordion();
|
|
$( "#progressbar" ).progressbar({
|
|
value: false
|
|
});
|
|
});
|
|
</script>
|
|
<style>
|
|
.ui-progressbar {
|
|
position: relative;
|
|
}
|
|
.progress-label {
|
|
position: absolute;
|
|
left: 50%;
|
|
top: 4px;
|
|
font-weight: bold;
|
|
text-shadow: 1px 1px 0 #fff;
|
|
}
|
|
</style>
|
|
|
|
<div id="progressbar"><div class="progress-label">Loading...</div></div>
|
|
|
|
<div id="accordion">
|
|
<h3>Section 1</h3>
|
|
<div>
|
|
<p>
|
|
Mauris mauris ante, blandit et, ultrices a, suscipit eget, quam. Integer
|
|
ut neque. Vivamus nisi metus, molestie vel, gravida in, condimentum sit
|
|
amet, nunc. Nam a nibh. Donec suscipit eros. Nam mi. Proin viverra leo ut
|
|
odio. Curabitur malesuada. Vestibulum a velit eu ante scelerisque vulputate.
|
|
</p>
|
|
</div>
|
|
<h3>Section 2</h3>
|
|
<div>
|
|
<p>
|
|
Sed non urna. Donec et ante. Phasellus eu ligula. Vestibulum sit amet
|
|
purus. Vivamus hendrerit, dolor at aliquet laoreet, mauris turpis porttitor
|
|
velit, faucibus interdum tellus libero ac justo. Vivamus non quam. In
|
|
suscipit faucibus urna.
|
|
</p>
|
|
</div>
|
|
<h3>Section 3</h3>
|
|
<div>
|
|
<p>
|
|
Nam enim risus, molestie et, porta ac, aliquam ac, risus. Quisque lobortis.
|
|
Phasellus pellentesque purus in massa. Aenean in pede. Phasellus ac libero
|
|
ac tellus pellentesque semper. Sed ac felis. Sed commodo, magna quis
|
|
lacinia ornare, quam ante aliquam nisi, eu iaculis leo purus venenatis dui.
|
|
</p>
|
|
<ul>
|
|
<li>List item one</li>
|
|
<li>List item two</li>
|
|
<li>List item three</li>
|
|
</ul>
|
|
</div>
|
|
<h3>Section 4</h3>
|
|
<div>
|
|
<p>
|
|
Cras dictum. Pellentesque habitant morbi tristique senectus et netus
|
|
et malesuada fames ac turpis egestas. Vestibulum ante ipsum primis in
|
|
faucibus orci luctus et ultrices posuere cubilia Curae; Aenean lacinia
|
|
mauris vel est.
|
|
</p>
|
|
<p>
|
|
Suspendisse eu nisl. Nullam ut libero. Integer dignissim consequat lectus.
|
|
Class aptent taciti sociosqu ad litora torquent per conubia nostra, per
|
|
inceptos himenaeos.
|
|
</p>
|
|
</div>
|
|
</div>
|
|
|
|
<?php
|
|
echo $OUTPUT->footer();
|
|
|