Comments on: Putting CSS Clip to Work: Expanding Overlay Effect

By: saguirre

saguirre — Tue, 28 May 2013 16:58:57 +0000

I also I have the same problem

By: sergio

sergio — Fri, 17 May 2013 01:22:21 +0000

add this to your js

$(‘.divclass a’).click(function(e){
e.preventDefault();
window.location = $(this).attr(‘href’);
});

.divclass should be the classe of the div after the over lay and before the links

By: David Deko

David Deko — Wed, 17 Apr 2013 11:57:08 +0000

Sorry about the previous post. Here it is again:

a style=”cursor:pointer;” onclick=”window.open(‘http://www.google.com’,’_self’);”

By: David Deko

David Deko — Wed, 17 Apr 2013 11:56:14 +0000

The box grid JS file disables links in the lay over box, and this is so to prevent the links beneath the lay over from being accidentally clicked and messing up everything. (Perhaps a little backface visibility approach could have fixed this but I’m not sure.)

Anyways, to enable links in the lay over box (if you’re considering using it for a nice UI effect)
You will need an event handler. And below is the proper syntax for it:

a style=”cursor:pointer;” onclick=”window.open(‘http://www.google.com’,'_self’);”

Hope this helps.

By: David Deko

David Deko — Wed, 17 Apr 2013 10:50:07 +0000

Thanks Mandigo, but what’s the proper syntax in getting that done?

By: Nic

Nic — Tue, 16 Apr 2013 20:25:46 +0000

Many thanks, Mandingo!

By: Jessica

Jessica — Tue, 16 Apr 2013 17:57:14 +0000

Thanks! That works just fine.

By: Mandingo

Mandingo — Thu, 11 Apr 2013 15:19:25 +0000

a onclick=”window.open(‘http://www.google.com’);”

By: Mandingo

Mandingo — Thu, 11 Apr 2013 15:18:20 +0000

You can make links inside the overlay work by adding an onclick event, like this:

–>

By: Nic

Nic — Tue, 09 Apr 2013 19:10:55 +0000

Never mind. It’s not working properly when you close the overlay. Disregard!