Before I forget ... grr

git-svn-id: file:///svn/phpbb/trunk@7166 89ea8834-ac86-4346-8a33-228a782c2dd0
This commit is contained in:
Dominik Dröscher 2007-03-10 16:26:53 +00:00
parent 8c43f10b3d
commit 3351f0022e
2 changed files with 42 additions and 1 deletions

View file

@ -270,6 +270,10 @@ span.corners-top span, span.corners-bottom span {
/* Sub-navigation Menu /* Sub-navigation Menu
---------------------------------------- */ ---------------------------------------- */
#toggle {
display: none;
}
#menu { #menu {
float: left; float: left;
width: 20%; width: 20%;

View file

@ -18,6 +18,9 @@ var on_page = '{ON_PAGE}';
var per_page = '{PER_PAGE}'; var per_page = '{PER_PAGE}';
var base_url = '{BASE_URL}'; var base_url = '{BASE_URL}';
var menu_state = 'shown';
/** /**
* Jump to page * Jump to page
*/ */
@ -109,11 +112,43 @@ function swatch(field)
return false; return false;
} }
/**
* Hiding/Showing the side menu
*/
function switch_menu()
{
var menu = document.getElementById('menu');
var main = document.getElementById('main');
var toggle = document.getElementById('toggle');
var handle = document.getElementById('toggle_handle');
switch(menu_state)
{
//hide
case 'shown':
main.style.width = 'auto';
menu.style.display = 'none';
menu_state = 'hidden';
toggle.style.left = '0';
toggle.style.width = '20px';
break;
//show
case 'hidden':
main.style.width = '76%';
menu.style.display = 'block';
menu_state = 'shown';
toggle.style.left = '15%';
toggle.style.width = '5%'
break;
}
}
//--> //-->
</script> </script>
</head> </head>
<body class="{S_CONTENT_DIRECTION}"> <body class="{S_CONTENT_DIRECTION}">
<div id="wrap"> <div id="wrap">
<div id="page-header"> <div id="page-header">
<h1>{L_ADMIN_PANEL}</h1> <h1>{L_ADMIN_PANEL}</h1>
@ -134,6 +169,8 @@ function swatch(field)
<div class="panel"> <div class="panel">
<span class="corners-top"><span></span></span> <span class="corners-top"><span></span></span>
<div id="content"> <div id="content">
<div id="toggle">
<a id="toggle_handle" accesskey="m" title="Hide / Show side menu - Accesskey: m" onclick="switch_menu(); return false;" href="#"></a></div>
<div id="menu"> <div id="menu">
<p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [&nbsp;<a href="{U_LOGOUT}">{L_LOGOUT}</a>&nbsp;]</p> <p>{L_LOGGED_IN_AS}<br /><strong>{USERNAME}</strong> [&nbsp;<a href="{U_LOGOUT}">{L_LOGOUT}</a>&nbsp;]</p>
<ul> <ul>