テーブル(表)の表示／非表示
サイトやブログをJavaScriptを使って動きのあるページに、スタイルシートで見栄え良く装飾してみませんか？ コピーしてご自由にご利用ください。 テーブル(表)表示／非表示を切り替える オンマウスでテーブル(表)を表示します。 display='block' display='none' 価格表 サンプルソース <html> <head> <title>テーブル表示／非表示</title> </head> <body> <a href="#" onmouseover="document.getElementById('tbl').style.display='block'" onmouseout="document.getElementById('tbl').style.display='none'">価格表</A> <table id="tbl" style="display:non
Never Ever - javascript でテーブルの行の表示・非表示について
javascript でテーブルの行の表示・非表示ではまったので、ここにメモときます。 参考：http://tenmon.g.hatena.ne.jp/aql/20080910/1221048984 (thanks) 1行目 開閉 ／ 2行目 開閉 TEST 1 TEST 2 TEST 3 TEST 4 1行目 あああ いいい ううう 2行目 セル結合 3行目 かかか ききき くくく function open_close_row1(elm) { var row = document.getElementById(elm); if (row.style.display == 'none') { row.style.display = 'block'; } else { row.style.display = 'none'; } } display = 'block' FireFox
Tips1-1 | リンクをクリックすると表示・折りたたみをする | rifan
文章が多いコンテンツの場合、だらだらと長く書いていると見ている人はめんどくさくなって、読んでくれないかもしれません。 サンプルのように、文章などを折りたたんで隠しておくと、すっきりします。 point1 ページをロードする時に動くスクリプトです。ロード時には、「ele[i].style.display」には何も入っていないので、初期化する必要があります。こうすることで、ページ全体から「div」タグの「oritatami」クラスを非表示にします。 point2 リンクをクリックした時に動くスクリプトです。こうすることで、リンクをクリックした親ノードから「div」タグの「oritatami」クラスのスタイルを変更します。 point3 「getElementsByTagName」を使用してクラス名と合致するノードを返却します。 point4 ＣＳＳで、「oritatami」ク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
サービス終了のお知らせ