jQuery New Window

Create a link from a DIV using a data attribute

by ChrisStanyon

HTML

<div class="clicker" data-url="http://www.microsoft.com">
   Microsoft
</div>

<div class="clicker" data-url="http://www.yahoo.com">
   Yahoo
</div> 

<div class="clicker" data-url="http://www.google.com">
   Google
</div>

CSS

.clicker { border: 1px solid green; margin: 5px; padding: 5px; cursor: pointer; width: 200px; }

JavaScript

$('.clicker').click(function(){
  window.location = $(this).data('url');
});