KAWANO's PukiWiki Plus! - Lecture/JouhouC2007/12th/exercise2 のバックアップ(No.2)

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/JouhouC2007/12th/exercise2 へ行く。
  • 1 (2007-06-22 (金) 05:30:24)
  • 2 (2007-06-29 (金) 05:15:49)

課題(1): スタイルシートの切り替えの準備をする

HTMLファイルを編集して、 スタイルシートを切り替えるタグを追加します。

切り替えのためのタグを記述する

今回、さらにもう一つ、 スタイルシートを切り替えるタグを追加します。 第11回のスタイルシートの切り替え部分のあとに、 次の1行を追加してください。

<a href="#" onclick="replace_css('cssid','0626学籍番号.css');">第12回</a>
（注：「学籍番号」には、自分の学籍番号（c2062XXX）を入力してください）

これは「第12回」という文字をクリックしたら、 スタイルシートを「0626学籍番号.css」で設定したスタイルシートにに切り替えるという意味になります。

追加したあと、 前回分の「<a」を「<a href="#"」と変更してください。

結果として、 スタイルシートの切り替え部分は次のようになるはずです。 確認してください。

<a href="#" onclick="replace_css('cssid','0605学籍番号.css');">基本</a> 
<a href="#" onclick="replace_css('cssid','0612学籍番号.css');">第10回</a>
<a href="#" onclick="replace_css('cssid','0619学籍番号.css');">第11回</a>
<a href="#" onclick="replace_css('cssid','0626学籍番号.css');">第12回</a>
<a href="#" onclick="replace_css('cssid','');">なし</a> 
（注：「学籍番号」には、自分の学籍番号（c2062XXX）を入力してください）

次へに進んでください。