Revision fe7ce01d
Von Sven Schöling vor etwa 12 Jahren hinzugefügt
css/lx-office-erp/menu.css | ||
---|---|---|
295 | 295 |
each line is a mi (menuitem) and has one mii (menu-item-icon) whcih is ms (menu-spacer) |
296 | 296 |
and one mic (menu-item-chunk) |
297 | 297 |
indenting is done with the levels s0, s1, s2 */ |
298 |
#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; } |
|
298 |
#content.html-menu, #html-menu { |
|
299 |
transition: margin-left 0.2s, width 0.2s; |
|
300 |
-moz-transition: margin-left 0.2s, width 0.2s; |
|
301 |
-webkit-transition: margin-left 0.2s, width 0.2s; |
|
302 |
-o-transition: margin-left 0.2s, width 0.2s; |
|
303 |
} |
|
304 |
#content.html-menu { margin-left: 190px; } |
|
305 |
#content.html-menu.folded { margin-left: 40px } |
|
306 |
#html-menu.folded:hover + #content.html-menu.folded { margin-left: 190px } |
|
307 |
#html-menu { float:left; width: 183px; font-size: 8pt; margin-top: 10px; overflow:hidden; } |
|
308 |
#html-menu.folded { width: 32px; } |
|
309 |
#html-menu.folded:hover { width: 183px; } |
|
299 | 310 |
#html-menu div.mi { margin-top: 4px; margin-bottom: 3px; white-space: nowrap; clear:both; position:relative; } |
300 | 311 |
#html-menu div.sm { font-weight: bold } |
301 | 312 |
#html-menu img { vertical-align: top; border: 0; } |
... | ... | |
312 | 323 |
#html-menu div.s0 { padding-left: 2px } |
313 | 324 |
#html-menu div.s1 { padding-left: 8px } |
314 | 325 |
#html-menu div.s2 { padding-left: 16px } |
315 |
#content.html-menu { margin-left: 190px } |
|
316 | 326 |
|
317 | 327 |
body { margin: 0 } |
js/switchmenuframe.js | ||
---|---|---|
1 |
var vSwitch_Menu = 1; |
|
2 |
var Frame; |
|
3 |
var FrameSize; |
|
4 |
|
|
1 |
var vSwitch_Menu = 0; |
|
5 | 2 |
function Switch_Menu() { |
6 |
if (Frame) { |
|
7 |
Frame.attr('cols',vSwitch_Menu ? '30,*' : FrameSize); |
|
8 |
vSwitch_Menu=!vSwitch_Menu; |
|
3 |
vSwitch_Menu=!vSwitch_Menu; |
|
4 |
SetMenuFolded(vSwitch_Menu); |
|
5 |
$.cookie('html-menu-folded', vSwitch_Menu); |
|
6 |
} |
|
7 |
function SetMenuFolded(on) { |
|
8 |
if (on) { |
|
9 |
$('#html-menu').removeClass('folded'); |
|
10 |
$('#content').removeClass('folded'); |
|
11 |
} else { |
|
12 |
$('#html-menu').addClass('folded'); |
|
13 |
$('#content').addClass('folded'); |
|
9 | 14 |
} |
10 | 15 |
} |
11 |
|
|
12 | 16 |
$(function(){ |
13 |
Frame = $(parent.document.getElementById('menuframe'));
|
|
14 |
FrameSize = Frame.attr('cols');
|
|
17 |
vSwitch_Menu = $.cookie('html-menu-folded');
|
|
18 |
SetMenuFolded(vSwitch_Menu);
|
|
15 | 19 |
}) |
Auch abrufbar als: Unified diff
switch_menu script und transition