Making links active in Javascript

css, javascript

Solution

Since you're just starting out, I'd suggest you use a library such as jQuery. So, if your HTML is like this:

<div id="box1" class="box">
<h3><a name="box1">something</a></h3>
</div>
<div id="box2" class="box">
<h3><a name="box2">something</a></h3>
</div>
<div id="box3" class="box">
<h3><a name="box3">something</a></h3>
</div>

And you have a CSS class called `youarehere`:

.youarehere { color:white; background:green; }

With jQuery you could write something along the lines of:

$(".box > a").click(function() {             // when clicking any of these links
    $(".box > a").removeClass("youarehere"); // remove highlight from all links
    $(this).addClass("youarehere");          // add highlight to clicked link
})

In plain JS, it takes a bit more effort to achieve this. Do yourself a favor and don't reinvent the wheel - people have already taken care of this, so use the product of their labor to make your life easier.

Problem

I have some problems with Javascript. In fact, I'm just newbie in that script language so I need some help.. Q: how to make this link active: ``` <a href="#box1">something</a> ``` this link is just link to the div which is located in index.html file, so there is no loading of page. and here is the div ``` <div id="box1" class="box"> <h3><a name="box1">something</a></h3> </div> ```

Original source