dynamic link with javascript

Question

During my searching on this topic, I would like to have some help.

In my web page, I would like to build a HREF link that redirects in a precise web page depends to the current month.

My link is :

<td><a href="/comptes/mon_compte.html?display=affilies_periode&id=${vendeur.id}&  month=javascript:monthNumber">Détails pour le mois en cours</a></td>

And my code in JS :

<script language="JavaScript">
    date1 = new Date();
    document.write("<p>date1</p>");
    monthNumber = date1.getMonth();
    document.write("<p>monthNumber</p>");
</script>

with the result of month, I would like to make the query dynamic like this :

http://localhost:8080/comptes/mon_compte.html?display=affilies_periode&id=2&***month=javascript:monthNumber***

Please, could you give me a piece of advice?

Ale.

You want to make a dynamic link?

putvande
– putvande

2013-09-03 08:42:08 +00:00
Commented Sep 3, 2013 at 8:42 — putvande
– putvande, Commented Sep 3, 2013 at 8:42

Niels Keurentjes · Accepted Answer · 2013-09-03 08:42:06Z

12

HTML

<a href="#" id="myUniqueLinkId">name of link</a>

JS

var month = (new Date()).getMonth();
var myURL = 'http://domain.tld/myLocalFile.php?month=' + month + '&param=1';
document.getElementById('myUniqueLinkId').href = myURL;

Or alternatively just handle it completely at runtime:

<a onclick="window.location='http://domain.tld/myLocalFile.php?month=' 
   + (new Date()).getMonth();return false;" href="#">name of link</a>

Best solution is still to handle this not in JS but in your serverside code and just generate the correct links there.

answered Sep 3, 2013 at 8:42

Niels Keurentjes

42.1k9 gold badges103 silver badges138 bronze badges

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

2 Comments

Ale Over a year ago

Thanks for the tip. Just a question about #, what's the meaningful of <a href="#" here?

Niels Keurentjes Over a year ago

An anchor is required to have a filled href attribute by HTML standards, to validate successfully. Since # only points to the top of the current page and can never cause navigation href="#" is the generally accepted "this link will never work regularly" notation. In the first example it's overridden by JS, in the second it's bypassed in favor of the onclick.

Collectives™ on Stack Overflow

dynamic link with javascript

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related