commit ac401b85aa836fd651a761fb88b147647452b373
parent 8d35149b70321ad42bd407c17f263d4d5d2504c4
Author: MTRNord <mtrnord1@gmail.com>
Date: Sat, 20 Dec 2014 19:17:29 +0100
implement test.php in admin.php
Diffstat:
3 files changed, 44 insertions(+), 20 deletions(-)
diff --git a/themes/jumbotron/admin.php b/themes/jumbotron/admin.php
@@ -103,6 +103,24 @@ foreach($langs as $prio => $lang) {
}
}
</script>
+ <script type="text/javascript">
+ function showhide(id) {
+ if (document.getElementById) {
+ var divid = document.getElementById(id);
+ var divs = document.getElementsByClassName("hide_");
+ for (var i = 0; i < divs.length; i++) {
+ divs[i].style.display = "none";
+ }
+ divid.style.display = "block";
+ }
+ return false;
+ }
+ function foo() {
+ var divid1 = document.getElementById("settings");
+ divid1.style.display = "block";
+ }
+ onload = foo;
+ </script>
</head>
<body>
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
@@ -120,13 +138,13 @@ foreach($langs as $prio => $lang) {
</div>
<div id="navbar" class="navbar-collapse collapse">
<ul class="nav navbar-nav">
- <li class="active"><a href="#settings">Settings <span class="sr-only">(current)</span></a></li>
+ <li class="active" onclick="showhide('settings');"><a href="#settings">Settings <span class="sr-only">(current)</span></a></li>
<li class="dropdown">
- <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false">Posts <span class="caret"></span></a>
+ <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-expanded="false" onclick="showhide('posts');">Posts <span class="caret"></span></a>
<ul class="dropdown-menu" role="menu">
- <li><a href="#posts">Posts</a></li>
+ <li onclick="showhide('posts');"><a href="#posts">Posts</a></li>
<li class="divider"></li>
- <li><a href="#newpost">New Post</a></li>
+ <li onclick="showhide('newpost');"><a href="#newpost">New Post</a></li>
</ul>
</li>
</ul>
@@ -141,15 +159,15 @@ foreach($langs as $prio => $lang) {
<hr class="one">
<!-- Tab panes -->
<div class="tab-content">
- <div id="settings">
+ <div class="hide_" id="settings">
<p>1</p>
</div>
- <div id="posts">
+ <div class="hide_" id="posts">
<h2>Posts</h2>
</div>
- <div id="newpost">
+ <div class="hide_" id="newpost">
<h2>New Post</h2>
</div>
</div>
diff --git a/themes/jumbotron/jumbotron.css b/themes/jumbotron/jumbotron.css
@@ -13,4 +13,7 @@ hr.one{
border-style: solid none;
border-width: 1px 0;
margin: 18px 0;
+}
+.hide_ {
+ display:none;
}
\ No newline at end of file
diff --git a/themes/jumbotron/test.php b/themes/jumbotron/test.php
@@ -21,20 +21,23 @@ header("Cache-Control: no-cache, must-revalidate, no-store");
<script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
<![endif]-->
<script type="text/javascript">
- function showhide(id){
- if (document.getElementById) {
- var divid = document.getElementById(id);
- var divid1 = document.getElementById(bill);
- var divs = document.getElementsByClassName("hide_");
- for(var i=0;i<divs.length;i++) {
- divs[i].style.display = "none";
- divid1.style.display = "block";
- }
- divid.style.display = "block";
+ function showhide(id) {
+ if (document.getElementById) {
+ var divid = document.getElementById(id);
+ var divs = document.getElementsByClassName("hide_");
+ for (var i = 0; i < divs.length; i++) {
+ divs[i].style.display = "none";
+ }
+ divid.style.display = "block";
+ }
+ return false;
+ }
- }
- return false;
- }
+ function foo() {
+ var divid1 = document.getElementById("bill");
+ divid1.style.display = "block";
+ }
+ onload = foo;
</script>
<style type="text/css">
.bio_image {
