Individual Archive
おりたたんでみた。
Movabletype/TOPICS
2004/01/19 15:29:31 0/2
左側のメニューが長くなるのがきになっていた。
思い切って今流行りの"折りたたみメニュー"を導入してみた。
いろいろなサイトを拝見させていただいた結果、次のような形で実現することにした。
JavaScript "showSwap" : 2つのIDのdisplay styleを入れかえる。
function showSwap(id1,id2){
var disp1 = document.getElementById(id1).style.display;
var disp2 = document.getElementById(id2).style.display;
document.getElementById(id1).style.display = disp2;
document.getElementById(id2).style.display = disp1;
return false;
}
var disp1 = document.getElementById(id1).style.display;
var disp2 = document.getElementById(id2).style.display;
document.getElementById(id1).style.display = disp2;
document.getElementById(id2).style.display = disp1;
return false;
}
で、表示を入れ替えたいところを
<div id="menu1on" style="display:none">
<a href="#" onclick="showSwap('menu1on','menu1off');return false;">Menu Close</a>
</div>
<div id="menu2off" style="display:none">
<a href="#" onclick="showSwap('menu1on','menu1offf');return false;">Menu open</a>
</div>
というような感じで記述する。
これでshowSwapに渡された２つのIDの表示状態を入れ替えることができる。
(参考)
[ KITBAG:折りたたみメニュー ]
[ m_hash_blog：長いページを省略表示 ]
[ GOINGMAMEWAY:追記部分とコメントTIPS ]
Trackback :: http://www.loungelabel.com/mt/mt-tb.cgi/282
from 閑話休題::Blog :: リーセントコメント折りたたみ
左側のリーセントコメントやトラックバックの表示が長くなるので、JavaScriptで折りたたみをやってみました。 この技はリンクなどでも同様に使えます。...
from Orbium -そらのたま- :: "LiSt4MT"を実際に使ってみる その2
LiSt4MTを実際に使ってみる その2 このエントリは羅列型ニュースサイト作成支援プラグイン“LiSt4MT”の解説エントリです。 興味のある方は「続きを読む」からエントリの独立ページを読んで下さい。 こんなエントリばっかりですいません。...
Entries