<body><script type="text/javascript"> function setAttributeOnload(object, attribute, val) { if(window.addEventListener) { window.addEventListener('load', function(){ object[attribute] = val; }, false); } else { window.attachEvent('onload', function(){ object[attribute] = val; }); } } </script> <div id="navbar-iframe-container"></div> <script type="text/javascript" src="https://apis.google.com/js/plusone.js"></script> <script type="text/javascript"> gapi.load("gapi.iframes:gapi.iframes.style.bubble", function() { if (gapi.iframes && gapi.iframes.getContext) { gapi.iframes.getContext().openChild({ url: 'https://www.blogger.com/navbar.g?targetBlogID\x3d8211560\x26blogName\x3dTech+Tips,+Tricks+%26+Trivia\x26publishMode\x3dPUBLISH_MODE_BLOGSPOT\x26navbarType\x3dBLUE\x26layoutType\x3dCLASSIC\x26searchRoot\x3dhttp://mvark.blogspot.com/search\x26blogLocale\x3den\x26v\x3d2\x26homepageUrl\x3dhttp://mvark.blogspot.com/\x26vt\x3d-5147029996388199615', where: document.getElementById("navbar-iframe-container"), id: "navbar-iframe" }); } }); </script>

Tech Tips, Tricks & Trivia

by 'Anil' Radhakrishna
An architect's notes, experiments, discoveries and annotated bookmarks.

Search from over a hundred HOW TO articles, Tips and Tricks


HOW TO change HREF value of anchor dynamically when the link is clicked

Let's say you have a link on your website that should work as normal on all days but Sunday. On Sunday, you wish to redirect users clicking on the same link to be redirected to a different page.

You can detect the day of the week and redirect the user clicking on the link to a different URL dynamically -
<a href="http://www.example.com"
onclick="var d = new Date();var n = d.getDay();
if(n==0){
event.preventDefault();
location.href='http://www.example.com/sunday.html'
}">
Carpe Diem!
</a>

event.preventDefault() cancels the default action of the anchor tag.

This is kind of sneaky as the URL that the user sees in the status bar on hovering over the link will be different from the one he will be redirected to. But then, URL shortener services & Opera browser do such sneaky things too in a different way.

Don't know from which version of Opera this started but in version 16, the protocol and querystring part of a URL are trimmed.

Only if you select the URL will you be able to see the complete URL -



Labels: , ,

Tweet this | Google+ it | Share on FB

« Home | Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »
| Next »

»

Post a Comment