トップページをタブメニュー化（ホームページ技術情報）

カテゴリー（記事区分）：　教区取組 / 部門 / 推進本部事務局

キーワード（索引語）：　
最終更新日：2014年2月25日

平和の使徒推進本部ホームページのトップページにある推進事項を2013年8月20日よりタブメニュー化しました。

ソース等の技術情報は、後日追加する予定です。

タブメニュー化

ご意見のある方は、facebookコメントでお願いします。

追記

2014年2月1日よりタブメニュー化を中止しています。

技術情報

ヘッダー部

<script type="text/javascript"><!--
function ChangeTab(tabname) {
   // 全部消す
   document.getElementById('tab1').style.display = 'none';
   document.getElementById('tab2').style.display = 'none';
   document.getElementById('tab3').style.display = 'none';
   document.getElementById('tab4').style.display = 'none';
   document.getElementById('tab5').style.display = 'none';
   document.getElementById('tab6').style.display = 'none';
   document.getElementById('tab7').style.display = 'none';
   // 指定箇所のみ表示
   document.getElementById(tabname).style.display = 'block';
}
// --></script>

説明

<head></head>内に上記、javascriptを入力します。

指定されたタブを表示する関数です。タブの数だけ、「document.getElementById(‘tab7’).style.display = ‘none’;」を増減させます。「tab7」はタブのクラスやID名ですので便宜的に名前を変えてください。

ボディ部

CSS



 

文書（ページ）情報

掲載日2013年8月20日
更新日2014年2月25日
閲覧回数6,184 Views
推進・区分推進本部事務局
タグ（索引語）
編集者web管理者（竹内）
次の記事
前の記事