Line 1: | Line 1: | ||
<html> | <html> | ||
+ | <script> | ||
+ | ( function(window,document){ | ||
+ | var layout = document.getElementById('layout'), | ||
+ | menu = document.getElementById('menu'), | ||
+ | menuLink = document.getElementById('menuLink'), | ||
+ | content = document.getElementById('main'); | ||
+ | |||
+ | function toggleClass(element, className) { | ||
+ | var classes = element.className.split(/\s+/), | ||
+ | length = classes.length, | ||
+ | i = 0; | ||
+ | |||
+ | for(; i < length; i++) { | ||
+ | if (classes[i] === className) { | ||
+ | classes.splice(i, 1); | ||
+ | break; | ||
+ | } | ||
+ | } | ||
+ | // The className is not found | ||
+ | if (length === classes.length) { | ||
+ | classes.push(className); | ||
+ | } | ||
+ | |||
+ | element.className = classes.join(' '); | ||
+ | } | ||
+ | |||
+ | function toggleAll(e) { | ||
+ | var active = 'active'; | ||
+ | |||
+ | e.preventDefault(); | ||
+ | toggleClass(layout, active); | ||
+ | toggleClass(menu, active); | ||
+ | toggleClass(menuLink, active); | ||
+ | } | ||
+ | |||
+ | menuLink.onclick = function (e) { | ||
+ | toggleAll(e); | ||
+ | }; | ||
+ | |||
+ | content.onclick = function(e) { | ||
+ | if (menu.className.indexOf('active') !== -1) { | ||
+ | toggleAll(e); | ||
+ | } | ||
+ | }; | ||
+ | |||
+ | }(this, this.document)); | ||
+ | </script> | ||
+ | |||
+ | <script> | ||
+ | function Show(tagId) { | ||
+ | if (document.getElementById(tagId).style.display=="none") { | ||
+ | document.getElementById(tagId).style.display="block"; | ||
+ | |||
+ | } | ||
+ | else { | ||
+ | document.getElementById(tagId).style.display="none"; | ||
+ | } | ||
+ | } | ||
+ | </script> | ||
<script> | <script> | ||
Revision as of 12:16, 16 October 2017