課題(1): スタイルシートの切り替えの準備をする
切り替えのためのタグを記述する今回、さらにもう一つ、 スタイルシートを切り替えるタグを追加します。 第11回のスタイルシートの切り替え部分のあとに、 次の1行を追加してください。 #spandel <a href="#" onclick="replace_css('cssid','0626学籍番号.css');">第12回</a> #spanend #spandel (注:「学籍番号」には、自分の学籍番号(c2062XXX)を入力してください) #spanend #spanadd <a href="#" onclick="replace_css('cssid','0627学籍番号.css');">第12回</a> #spanend #spanadd (注:「学籍番号」には、自分の学籍番号(c2072XXX)を入力してください) #spanend これは「第12回」という文字をクリックしたら、 スタイルシートを「0626学籍番号.css」で設定したスタイルシートにに切り替えるという意味になります。 スタイルシートを「0627学籍番号.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 #spandel <a href="#" onclick="replace_css('cssid','0626学籍番号.css');">第12回</a> #spanend #spandel <a href="#" onclick="replace_css('cssid','');">なし</a> #spanend #spandel (注:「学籍番号」には、自分の学籍番号(c2062XXX)を入力してください) #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 #spanadd <a href="#" onclick="replace_css('cssid','0627学籍番号.css');">第12回</a> #spanend #spanadd <a href="#" onclick="replace_css('cssid','');">なし</a> #spanend #spanadd (注:「学籍番号」には、自分の学籍番号(c2072XXX)を入力してください) #spanend 次へに進んでください。 |