上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
 ボタンを押すと、IDネームをつけた任意のブロック要素の表示、非表示を切り替えます。
 コメント・トラックバック欄やサイドバーの収納(折りたたみ)などに。


見本






折りたたみスクリプトひな形

<form name="btnname">
<input type="button" name="inpname" value="▼" onClick="openclosebtn()">
</form>
<div id="openclose" style="display:none;">
 この内容部分が、ボタンで折りたたみ出来ます。
</div>

<script type="text/javascript">
<!--

var btnonoff=0;

function openclosebtn(){
if (btnonoff==0){
document.getElementById("openclose").style.display = "block";
document.btnname.inpname.value="▲";
btnonoff=1;
} else {
document.getElementById("openclose").style.display = "none";
document.btnname.inpname.value="▼";
btnonoff=0;
}
}

//-->
</script>



カスタマイズ

■「▼」を任意の文字等に置き換えることが出来ます。
■「この内容部分が、ボタンで折りたたみ出来ます。」と言う部分に、自由にHTML文書やテキストを入れることが出来ます。


 メニューページはこちらから。
簡易スクリプトひな形集
このエントリーをはてなブックマークに追加
Wed.07.14.2010
Comment
Trackback
Comment Form
質問するときは?
  • 不具合が出ているページのURLを書き込む。
  • 使っているブラウザ(IE、Firefoxなど)を書き込む※IE6はサポート外です。
  • 次の人が確認できるように、使っているテンプレートの記事ページ、或いは各カスタマイズ記事ページにコメントを書きこむ。
コメント時の注意
やっぱり自分で解決したい時
特定の記事のみでレイアウトが崩れる場合
全ページでレイアウトが崩れる場合
メールフォーム
Bookmarks
Page Top
Copyright © SAKILab All Rights Reserved.
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。