Chciałbym osiągnąć coś podobnego do tego tutaj http://ui.jquery.com/repository/real-world...e/#ui.droppable
z tym, że strona powinna być podzielona na dwie kolumny:
- lewa (menu)
- prawa (cała reszta, content).
Chciałbym aby nie dało się zmieniać szerokości menu ale za to aby była możliwość jego chowania.
Czyli po kliknięciu na te 3 kropki (lub jakąś inną ikonę) menu się chowa do lewej strony (wystaje tylko ikona umożliwiająca wysunięcie lewej kolumny).
I jeszcze jedna ważna rzecz: jak menu jest wysunięte to szerokość prawej kolumny (czyli zawartość strony) nie zmniejsza się (żeby strona się nie rozjeżdżała) tylko zostaje przykryta przez wysunięte menu.
Czy ktoś z Was wie jak coś takiego osiągnąć?
Pozdrawiam
EDIT:
------
Może dodam, że chodzi mi o coś takiego jak w eclipse
Pełna wersja: [Js/jQuery] Zwijane menu
Załóżmy że masz takie menu (menuWlasciwe ma nadaną szerokość m).
a w jQuery robisz tak (pseudokod):
Uwagi:
-animate może dałoby się zastąpić jakimś slideIn/slideOut czy czymś takim
-co do tego, żeby menu przykrywało zawartość to trzeba się pobawić cssem
a w jQuery robisz tak (pseudokod):
Kod
$('kropki').toggle(function(){
$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do 0});},
function(){$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do m});}
);
$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do 0});},
function(){$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do m});}
);
Uwagi:
-animate może dałoby się zastąpić jakimś slideIn/slideOut czy czymś takim
-co do tego, żeby menu przykrywało zawartość to trzeba się pobawić cssem
Cytat(lord_t @ 5.11.2008, 23:48:11 ) 
Załóżmy że masz takie menu (menuWlasciwe ma nadaną szerokość m).
a w jQuery robisz tak (pseudokod):
Uwagi:
-animate może dałoby się zastąpić jakimś slideIn/slideOut czy czymś takim
-co do tego, żeby menu przykrywało zawartość to trzeba się pobawić cssem
a w jQuery robisz tak (pseudokod):
Kod
$('kropki').toggle(function(){
$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do 0});},
function(){$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do m});}
);
$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do 0});},
function(){$('menuWlasciwe').animate({zmniejsz szerokosc menuWlasciwego do m});}
);
Uwagi:
-animate może dałoby się zastąpić jakimś slideIn/slideOut czy czymś takim
-co do tego, żeby menu przykrywało zawartość to trzeba się pobawić cssem
Dzięki za zainteresowanie tematem. Wiem, że można kombinować samemu ale szukam raczej sprawdzonego "gotowca", żeby nie okazało się że pod jakąś przeglądarką coś nawala. Gdyby ktoś mógł jeszcze coś dodać będę wdzięczny za każdą wskazówkę.
Pozdrawiam
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.