Top > Lecture > JouhouC2008 > 10th > exercise2
AND OR

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

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

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

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

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

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

スクリプト

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

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

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

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

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

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

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


次へに進んでください。




リロード   差分   ホーム 一覧 検索 最終更新 バックアップ リンク元   ヘルプ   最終更新のRSS
Last-modified: Tue, 11 Mar 2014 20:20:22 JST (3693d)