Comment puis-je obtenir des liens pour rester actif?

Question

Je fais un site avec une conférence sur. La conférence est divisée en chapitres. Chaque chapitre a son propre lien et lorsque vous cliquez sur une nouvelle vidéo, un html externe est chargé dans une fenêtre de texte. J'ai besoin de ces liens pour rester actif, afin que ppl sache à quel chapitre ils sont.

Voici mon html actuel:

<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> 

..et ainsi de suite ..

Maintenant, cela fonctionne parfaitement .. Comme je l'ai dit, je dois les liens pour rester actif, et essayé d'ajouter un addClass (this) IE:

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

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

cela ne fonctionne pas. J'ai également essayé de supprimer tout sauf la fonction addClass sans aucune chance.

Des idées?

Answer 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> 

Answer 2

Vous pouvez essayer ...

d'abord créer une feuille de style en cascade (CSS) et Recopie le code comme:

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

ou

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

ou

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

puis coller est le code dans la tête de votre page html:

<link type="text/css" href="<Path of the CSS>.css" rel="stylesheet"/>