make clickable element with clickable class open link in new window [ javascript functions ] - KruXoR

javascript functions

make clickable element with clickable class open link in new window

Posted in javascript functions

3621

2:58 am, May 2, 2023

make clickable element with clickable class open link in new window

makes an element with a link into a clickable element. This finds the 1st a tag in the target element and then opens the link in a _blank tab.

Then if you have an element that you want to be clickable and open in a _blank tab just add the class clickable-blank.

Combination of this:

https://kruxor.com/view/code/5olJi/using-javascript-to-open-a-link-in-the-same-window-and-in-a-new-window-or-tab-open-link/

and this:

https://kruxor.com/view/code/Q92MB/make-clickable-element-with-clickable-class/

window.open('https://kruxor.com/','_blank');

HTML

<div class='clickable-blank some-padding'>
<a href='https://kruxor.com/view/code/ZJEyX/'>Im a Link</a>
But this whole div should be clickable and open in a _blank tab
</div>

CSS

.some-padding {
padding:20px;
border-radius:10px;
background:#999;
}
.clickable-blank {
cursor:pointer;
}

Javascript

$(document).ready(function(){
$('.clickable-blank').click(function(){
    var a_ele = $(this).find('a').attr('href');
  	window.open(a_ele,'_blank');
    return false;
});
});

Im a Link But this whole div should be clickable and open in a _blank tab

Posted in javascript functions

3621

2:58 am, May 2, 2023

View Statistics

This Week

137

This Month

324

This Year

1217

No Items Found.

Add Comment

Other Items in javascript functions

make clickable element with clickable class open link in new window

Related Search Terms

javascript functions kruxorcom 5

javascript functions n-th 27

javascript functions ready 23

javascript functions that 34

javascript functions return 30

javascript functions order 42

javascript functions kruxor 24

javascript functions into 34

javascript functions element 28

javascript functions attr 28

javascript functions Window 29

javascript functions Using 30

javascript functions JavaScript 28

javascript functions Inter 23

javascript functions Element 42

javascript functions Document 25

javascript functions Clickable 33

javascript functions Click 28

javascript functions make 30

javascript functions clickable 29

javascript functions should 36

javascript functions open 35

javascript functions click 28

javascript functions false 32

javascript functions KruXoRcom 32

javascript functions view 49

javascript functions Order 41

javascript functions just 37

javascript functions back 38

javascript functions some 32

javascript functions function 27

javascript functions open link 32

javascript functions window 36

javascript functions javascript functions 47

javascript functions http 20

javascript functions Ready 41

javascript functions pointer 34

javascript functions Javascript 31

javascript functions target 47

javascript functions adding 47

javascript functions read 38

javascript functions inter 35

javascript functions Function 30

javascript functions using 34

javascript functions this 42

javascript functions the 40

javascript functions with 36

javascript functions code 33

javascript functions java 32

javascript functions have 31

javascript functions border 31

javascript functions href 37

javascript functions new window 38

javascript functions https 39

javascript functions document 26

javascript functions javascript 50

Welcome

This is my test area for webdev. I keep a collection of code here, mostly for my reference. Also if i find a good link, i usually add it here and then forget about it. more...

Random Quote

In this case my anchor this week becomes driving almost 2hrs outside of Atlanta to one of my favorite hard core gyms in the world.. MetroFlex aka The Dungeon. The gym owners turn the heat way up so it becomes a fun sweat box and the gym members just watch from afar and leave me alone. I happily drive myself long distances to find MY ANCHOR. Our anchor allows us to have balance, focus and be as productive as possible. And if you're in the middle of a heavy set and your headphones start to fall off your head, like mine did here.. well.. f*ck the headphones. Let em break and fall. You can always get a new pair, but the iron ain't ever gonna lift itself.
Unknown