try show/hie button for more oversight
This commit is contained in:
28
static/click_toggle.js
Normal file
28
static/click_toggle.js
Normal file
@@ -0,0 +1,28 @@
|
||||
/* ================================================================
|
||||
This copyright notice must be untouched at all times.
|
||||
|
||||
The original version of this script and the associated (x)html
|
||||
is available at http://www.stunicholls.com/various/more.html
|
||||
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
|
||||
This script and the associated (x)html may be modified in any
|
||||
way to fit your requirements.
|
||||
=================================================================== */
|
||||
|
||||
|
||||
clickMenu = function(menu,element,cname) {
|
||||
var getEls = document.getElementById(menu).getElementsByTagName(element);
|
||||
|
||||
for (var i=0; i<getEls.length; i++) {
|
||||
getEls[i].onclick=function() {
|
||||
if ((this.className.indexOf(cname))!=-1)
|
||||
{
|
||||
if ((this.className.indexOf('click'))!=-1) {
|
||||
this.className=this.className.replace("click", "");;
|
||||
}
|
||||
else {
|
||||
this.className+=" click";
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
44
static/style.css
Normal file
44
static/style.css
Normal file
@@ -0,0 +1,44 @@
|
||||
body {
|
||||
color: #333;
|
||||
font-family: Arial,Helvetica,sans-serif;
|
||||
font-size: 100%;
|
||||
}
|
||||
|
||||
body warn {
|
||||
color: #FF0000;
|
||||
}
|
||||
|
||||
label {
|
||||
display: block;
|
||||
margin-top: 10px;
|
||||
}
|
||||
|
||||
button {
|
||||
margin-top: 5px;
|
||||
}
|
||||
|
||||
.boxed {
|
||||
background: #ECF4FF none repeat scroll 0 0;
|
||||
border: 1px solid green;
|
||||
padding: 6px;
|
||||
}
|
||||
|
||||
/* Click Toogle */
|
||||
/* always visible */
|
||||
#outer .holder {padding:1em; border:1px solid #ddd; margin:0 20px 10px 0;}
|
||||
#outer .holder p {padding:5px 0 0 0; margin:0;}
|
||||
#outer .holder p.bold {font-weight:bold;}
|
||||
#outer .holder h2 {margin:0; padding:0;}
|
||||
|
||||
/* unclicked style div.more */
|
||||
#outer div.more i {float:right; margin-right:-10px 10px 0 0; cursor:pointer; color:#c00; font-weight:bold;}
|
||||
#outer div.more i.hide {display:none;}
|
||||
#outer div.more p {display:none;}
|
||||
#outer div.more img {display:none;}
|
||||
|
||||
/* clicked style div.click */
|
||||
#outer div.click i.show {display:none;}
|
||||
#outer div.click i.hide {display:block;}
|
||||
#outer div.click p {display:block;}
|
||||
#outer div.click img {display:block; float:left; padding-right:10px;}
|
||||
|
||||
Reference in New Issue
Block a user