PAGE TOP

Top Page > スポンサー広告 > ○開閉式!長文を凝縮しよう!▽FC2blog > HTML関連 > ○開閉式!長文を凝縮しよう!

スポンサーサイト

--------  編集する スポンサー広告 
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

○開閉式!長文を凝縮しよう!

2014-01-21  編集する コメント数:0  HTML関連 


○やすぅーな


みんなは、文章が長くなったとき長文の説明を一つに格納できたり、要点だけを表示してクリックで文章表示できるような開閉式のjavascriptは活用してるかな?



○そーにゃ


・・・できるのか?そんなこと




○やすぅーな


うん。javascriptを応用すればできるよ~
それじゃ、早速

1.使用する「javascript

<!--▼ 開閉式 ▼-->
<script type="text/javascript"><!--
//idがdisp+数字のものを格納
var kakunou = new Array();
window.onload=function(){
var tags=document.getElementsByTagName("*");
for(var i=0;iif(tags[i].id.match(/^任意[0-9]+$/)){
mituketa=tags[i].id.match(/^任意[0-9]+$/);
kakunou.push(mituketa);
}
}
}

//開閉処理部分
function disp(tage) {
for(i=0;icb = document.getElementById(kakunou[i]).style;
if(kakunou[i]==tage){
if (cb.display == 'none') cb.display = "block"; else cb.display = "none";
} else {
cb.display = 'none';
}
}
}
 // --></script>

※「JS」ファイルに書き込んでも「HTML」に書き込んでもOK


2.使用する「HTML

<a href="javaScript:disp('任意1000')">見出し</a>
<DIV id="任意1000" style="display:none">内容</DIV>



これで完成~
ちょー簡単でお手頃でしょー?





○そーにゃ


ま、まぁな
で、複数格納するときはどうすればいいんだ





○やすぅーな


それは「任意って書いてある場所を書き換えていけば複数項目化できるようになるよ


コメントの投稿   コメント入力へ





◎表情







カテゴリ
プロフィール

Jackman

管理人:Jackman
名前:Jackman
担当:管理人
趣味:ネタ収集


◇登場人物・・・

名前:アザズゥー
担当:ツッコミ
趣味:人間観察


名前:クロウェー
担当:情報収集
趣味:占い・絵


名前:穂坂
担当:独断行動
趣味:森羅万象


名前:カク
担当:Android
趣味:潜入捜査


名前:くのいち
担当:PC
趣味:戦国無双


名前:AGIRI
担当:難問解答
趣味:密偵


名前:そーにゃ
担当:研修生
趣味:読書


名前:やすぅーな
担当:サイト拡張
趣味:日々発見


名前:長渡
担当:ユーロB
趣味:エレクトロ


名前:脳筋Ash
担当:筋肉活動
趣味:肉体覚醒


名前:片阜
担当:隠遁の術
趣味:火遁の術

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