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

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• 現在との差分 - Visual を表示
• ソース を表示
• Lecture/JouhouC2007/10th/exercise2 へ行く。
  • 1 (2007-06-11 (月) 06:25:44)

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

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

スクリプトをHTMLファイルに組み込む

スタイルシートを指定した link タグ内に id="cssid" の属性を書き加えます。

＜/head＞の直前にスクリプト（プログラムの一種）を書き加えます。 スクリプトのみ別ファイルに用意したので、 下のリンクをクリックしてください。これはコピーして使ってかまいません。

• スタイルシートを切り替えるスクリプト

修正結果は、次のようになります。

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

タイトルと目次の間、 またはプロフィールの次あたりにスクリプトを使うためのタグを追加します。

<a onclick="replace_css('cssid','CSSファイルの名前');">基本</a> 
（注：「CSSファイルの名前」には、前回までの課題のCSSファイルを入力してください）

これは「基本」という文字をクリックしたら、スタイルシートを前回までの課題のCSSファイルに切り替えるという意味になります。 「基本」という文字の部分は別の言葉に変えてもかまいません。他の箇所は変更しないでください。

さらに次の2行を追加します。

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

「第10回」という文字をクリックしたら、 スタイルシートを「学籍番号_9.css」に切り替え、 「なし」をクリックするとスタイルシートを使わない表示になります。

次へに進んでください。