- ベストアンサー
カテゴリページ内 複数タブの作り方
- WordPressでサイトを作っていますが、カテゴリページ内に複数のタブを設置する方法を教えてください。
- idの番号を変えることで1ページ内に#numの連番で複数のタブを置くことができますが、while文のなかで番号に連番を振る方法が分かりません。
- 初心者ですが、よろしくお願いします。
- iguigu_n
- お礼率6% (2/33)
- JavaScript
- 回答数2
- ありがとう数0
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
こんにちは ＞ while文のなかで番号に連番を振るやり方がわかりません って、ご提示のスクリプトにはwhile文がはありませんけど・・・？ 普通に番号付けしたいのなら、こんな感じ？ var start = 1; var end = 10; var data = [], i = start; while(i<=end){ data.push("連番：" + (i++)); } alert(data.join("\n"));
その他の回答 (1)
- ORUKA1951
- ベストアンサー率45% (5062/11036)
率直にHTML書いてスタイルシートで済むような？？ 質問を読んでもされたいことが分からないです。第三者に分かるように・・ まず、HTMLの構造は、 【とっても重要、その構造を元にjavascriptやスタイルシートが記述される】 <body> ・・・ <section> <section><!-- ここから下までの繰り返し？--> <h3>Gallery</h3> <p>記事</p> <section> <h4>Submit</h4> <p>記事</p> </section> <nav> <ol> <li><a href="#tab1">Gallery</a></li> <li><a href="#tab2">Submit</a></li> このリンク先はどこ？？見当たらないけど </ol> </nav> </section><!-- ここまで --> 分かりやすいようにHTML5で書きました。それより古いHTMLでしたら、『DIV要素とSPAN要素は、id属性及び class属性と併用することで、文書に構造を付加する( http://www.asahi-net.or.jp/%7Esd5a-ucd/rec-html401j/struct/global.html#h-7.5.4 )』ので、 <body> ・・・ <div class="section"> <div class="section"><!-- ここから下までの繰り返し？--> <h3>Gallery</h3> <p>記事</p> <div class="section"> <h4>Submit</h4> <p>記事</p> </div> <div class="nav"> <ol> <li><a href="#tab1">Gallery</a></li> <li><a href="#tab2">Submit</a></li> このリンク先はどこ？？見当たらないけど </ol> </div> </div><!-- ここまで --> ですよね。 【どう表現したいか】 ＞複数タブを置ける様にはしたのですが、 各本文ごとに本文内目次(nav)をタブの形でおきたい？？ ＞idの番号を変えることで１ページ内に#numの連番で この意味が分からない。 javascriptでリンク先を作るとjavascriptが無効のユーザーや検索エンジンには意味を成さないので、それはないと思いますが？？ 通常はHTMLソース内で個別にidは決めておかないとまずいですよ。 ★番号を振るのとは別で、番号はリストならolで振られますし、各本文sectionでしたら、スタイルシートの:beforeセレクタとcounterプロパティを使います。 ┌────┬────┐ │リンク１│リンク２│タブ形式？？ ├────┴────┤ │Gallery-----------│ こうしたいと言う事？？？ ├─────────┤ │Submit------------│ └─────────┘
