1

講義のあるサイトを作っています。講義は章に分かれています。各章には独自のリンクがあり、新しいビデオをクリックすると、外部のhtmlがテキストウィンドウに読み込まれます。pplがどのチャプターにいるのかを知るために、これらのリンクをアクティブに保つ必要があります。

これが私の現在のhtmlです：

<li><a href="#" onclick="javascript:loadContent('#pres', chapter1.html');changeVideo('chapter1')">chapter1</a></li>
<li><a href="#" onclick="javascript:loadContent('#pres', 'chapter2.html');changeVideo('chapter2')">chapter2</a></li>

..等々..

これで、これは完全に機能します。前述したように、アクティブな状態を維持するにはリンクが必要であり、addClass（this）IEを追加してみました。

onclick="javascript:loadContent('#pres','chapter2.html');changeVideo('chapter2');addClass(this)">... 

function addClass(obj)
{
  obj.className="active";
}

これは機能しません。addClass関数以外のすべてを削除しようとしましたが、うまくいきませんでした。

何か案は？

4

2 に答える 2

1 
function clickChapter(type, page, chapter){
    loadContent(type, page);
    changeVideo(chapter);
    removeAllClass();
    addClass(ocument.getElementById('id_'+chapter));
}

function removeAllClass(){
    var aAnchor = document.getElementsByTagName('A');
    for(var i=0; i<aAnchor.length;  i++){
        aAnchor[i].className = '';
    }
}

<li><a href="#" id="id_chapter1" onclick="clickChapter('#pres', 'chapter1.html', 'chapter1')">chapter1</a></li>
<li><a href="#" id="id_chapter2" onclick="clickChapter('#pres', 'chapter2.html', 'chapter2')">chapter2</a></li>
于 2012-08-09T09:54:41.437 に答える
0

あなたはこれを試すことができます...

最初にカスケード スタイル シート (CSS) を作成し、その中に次のようなコードを記述します。

a:active {
    color: #006600;
    font: 12px Verdana, Arial, Helvetica, San-serif;
    text-decoration: none;
}

また

a:visited {
    color: #006600;
    font: 12px Verdana, Arial, Helvetica, San-serif;
    text-decoration: none;
}

また

a:link {
    color: #006600;
    font: 12px Verdana, Arial, Helvetica, San-serif;
    text-decoration: none;
}

次に、このコードを HTML ページのヘッドに貼り付けます。

 <link type="text/css" href="<Path of the CSS>.css" rel="stylesheet"/>
于 2012-08-09T09:43:02.603 に答える