Entries

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

heteml
月額1500円で大容量2GB!Flash Media Server、ColdFusionが使えます。
その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。

グループチューブを使えば簡単にSNS(ソーシャルネットワーキングサイト)を作ることができます。
社内の情報共有をはじめ、家族用、サークル用のものなど、いろんなタイプのSNSを簡単に作成できます。
お申し込みからわずか数分であなたのオリジナルSNSの完成です。

-件のコメント

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

-件のトラックバック

トラックバックURL
http://cfdn.blog1.fc2.com/tb.php/117-6988003a
この記事に対してトラックバックを送信する(FC2ブログユーザー)

表示・非表示の切替

追記の表示・非表示などで応用可能なスクリプト。単純にdisplay:noneとdisplay:blockの切替だけで大した事はやっていない。自分用リサイクルメモ。

スクリプト

以下の内容を外部ファイルとして保存する。ファイル名は任意で構わない。サンプルではshowhide.jsとする。

function showhide(id) {
  obj = (document.all) ? document.all(id) : ((document.getElementById) ? document.getElementById(id) : null);
  if(obj) obj.style.display = (obj.style.display=="none") ? "block" : "none";
}

スクリプト導入方法

<head>から</head>の間に以下の内容を挿入する。ファイルのパスは使用する環境に合わせて変更する。

<script type="text/javascript" src="/shared/showhide.js"></script>

使用サンプル

HTMLに組み込む際、showhide('表示・非表示の切替対象のid名')を記述します。

<div id="navi">
  <ul>
    <li class="tab-1" onclick="showhide('tab1');return false" onkeypress="showhide('tab1');return false">●●●
      <div id="tab1" style="display:none"><!-- 表示・非表示の切替対象ここから -->
        <ul>
          <li class="tab-1-1"><a href="xxx.html">■■■</a></li>
          <li class="tab-1-2"><a href="xxx.html">■■■</a></li>
          <li class="tab-1-3"><a href="xxx.html">■■■</a></li>
        </ul>
      </div><!-- 表示・非表示の切替対象ここまで -->
    </li>
    <li class="tab-2"><a href="xxx.html">●●●</a></li>
    <li class="tab-3"><a href="xxx.html">●●●</a></li>
  </ul>
</div>

heteml
月額1500円で大容量2GB!Flash Media Server、ColdFusionが使えます。
その他、PHP4・PHP5・MySQL・Ruby・Perl・Pythonなども使える納得の高機能。

グループチューブを使えば簡単にSNS(ソーシャルネットワーキングサイト)を作ることができます。
社内の情報共有をはじめ、家族用、サークル用のものなど、いろんなタイプのSNSを簡単に作成できます。
お申し込みからわずか数分であなたのオリジナルSNSの完成です。

0件のコメント

コメントの投稿

新規
投稿した内容は管理者にだけ閲覧出来ます

0件のトラックバック

トラックバックURL
http://cfdn.blog1.fc2.com/tb.php/117-6988003a
この記事に対してトラックバックを送信する(FC2ブログユーザー)

Appendix

AdSense

heteml

世界標準のブログソフトウェア「Movable Type」発売中!!

ロリポップならMovableType設置マニュアルも充実。あなたも月々263円でブログデビューしてみよう!!

Profile

CHOU-FLEUR

東京・名古屋を中心にWEBデザイン業をしています。個人・法人を問わずアクセシブルなサイト制作を賜ります。お気軽にお問い合わせ下さい。尚、FC2ブログに関するお問い合わせ・カスタマイズのご質問は当方でお答えする事が出来ません。予めご了承ください(有料カスタマイズ等、仕事に関する件はお気軽にお問い合わせください)。

お問い合わせ先
info@chou-fleur.net

Powered by FC2ブログ

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。