課題(1): スタイルシートの切り替えの準備をする
切り替えのためのタグを記述する前回、 HTMLファイルに、スタイルシートを切り替えるタグを追加しました。 今回は、さらにもう一つ、 スタイルシートを切り替えるタグを追加します。 第10回のスタイルシートの切り替え部分のあとに、 次の1行を追加してください。 #spandel
<a href="#" onclick="replace_css('cssid','0619学籍番号.css');">第11回</a>
#spanend
#spanadd
<a href="#" onclick="replace_css('cssid','0620学籍番号.css');">第11回</a>
#spanend
(注:「学籍番号」には、自分の学籍番号(c2062XXX)を入力してください)
これは「第11回」という文字をクリックしたら、 スタイルシートを「0619学籍番号.css」で設定したスタイルシートにに切り替えるという意味になります。 スタイルシートを「0620学籍番号.css」で設定したスタイルシートにに切り替えるという意味になります。追加したあと、 前回分の「<a」を「<a href="#"」と変更してください。 結果として、 スタイルシートの切り替え部分は次のようになるはずです。 確認してください。 #spandel <a href="#" onclick="replace_css('cssid','0605学籍番号.css');">基本</a> #spanend #spandel <a href="#" onclick="replace_css('cssid','0612学籍番号.css');">第10回</a> #spanend #spandel <a href="#" onclick="replace_css('cssid','0619学籍番号.css');">第11回</a> #spanend #spanadd <a href="#" onclick="replace_css('cssid','0606学籍番号.css');">基本</a> #spanend #spanadd <a href="#" onclick="replace_css('cssid','0613学籍番号.css');">第10回</a> #spanend #spanadd <a href="#" onclick="replace_css('cssid','0620学籍番号.css');">第11回</a> #spanend <a href="#" onclick="replace_css('cssid','');">なし</a> #spandel (注:「学籍番号」には、自分の学籍番号(c2062XXX)を入力してください) #spanend #spanadd (注:「学籍番号」には、自分の学籍番号(c2072XXX)を入力してください) #spanend 次へに進んでください。 |