Skip to content

Instantly share code, notes, and snippets.

@mplungjan

mplungjan/gist:4461078

Created January 5, 2013 11:19
Show Gist options
  • Save mplungjan/4461078 to your computer and use it in GitHub Desktop.
Save mplungjan/4461078 to your computer and use it in GitHub Desktop.
Download ZIP
Loop with closure
Raw
gistfile1.html
<html>
<head>
<script>
// using bing since google does not like being inside a jsfiddle frame
var myLinks = [
'http://bing.com/search?q=go',
'http://bing.com/search?q=visit',
'http://bing.com/search?q=explore',
'http://bing.com/search?q=funny%20pics'
]; // note no comma on the last item
window.onload=function() {
for (var i=0;i<myLinks.length;i++) {
// EITHER document.getElementById("d"+i).getElementsByTagName("a")[0]).href=myLinks[i];
// OR
document.getElementById("d"+i).getElementsByTagName("a")[0].onclick=(function(idx) {
var idx = i;
return function() { // closure
location=myLinks[idx];
return false; // cancel href
}
})(i);
}
}
</script>
</head>
<body>
<a href="http://jsfiddle.net/mplungjan/uGxkt/">DEMO</a>
<div id="d0"><a href="#">GO</a></div>
<div id="d1"><a href="#">VISIT</a></div>
<div id="d2"><a href="#">EXPLORE</a></div>
<div id="d3"><a href="#">FUNNY PICS</a></div>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment