Document.location function for onclick links

Question

I have hundreds of link variables.

var aa = "http://site1.com";
var bb = "http://site2.com";
var cc = "http://site3.com";

How can I implement an onclick function that when you click for example "aa" id font, it goes to aa link ?

<font id="aa">site1</font>
<font id="bb">site1</font>
<font id="cc">site1</font>

Don't. Use an <a> with an href. Why would you want to make <font> elements clickable, and thus make your page unusable for keyboard users who for whatever reason can't use a mouse or other pointing device? — nnnnnn
– nnnnnn, Commented Aug 7, 2013 at 0:25
Assuming you have a good reason for what you're trying to do, what, actually, have you tried already? — nnnnnn
– nnnnnn, Commented Aug 7, 2013 at 0:32
<font> is a silly tag to be using in the first place. Use an <a> tag or people will hate your website. — Ry-
– Ry- ♦, Commented Aug 7, 2013 at 17:01

vin · Accepted Answer · 2013-08-07 16:56:39Z

1

You could do something like this but you really should just use a tags if possible ...

<div id="myClickContainer">
  <font id="aa"> ... </font>
   .
   .
   .
</div>

<script> 
  var links = {aa: 'http://site1.com', ... }
  $("#myclickContainer").click(function(event) {
    location.href = links[event.target.id] 
  });
</script>

edited Aug 7, 2013 at 16:56

answered Aug 7, 2013 at 1:15

vin

8231 gold badge10 silver badges15 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Document.location function for onclick links

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related