do general script for links with javascript

Question

I have a script like:

<script  type="text/javascript">
     $("a.link").on("click",function(){
         window.open('http://site.com/fir.php','_self',false);
     });
</script>

and I am using it as

<a  href="fir.php" class="link">
fir
</a>

How can I make only one script and pass as variable the url I want to open?

Jai · Accepted Answer · 2013-06-04 07:49:58Z

3

You can use this.href to get the specific link's href to navigate to open in window but make sure to stop the link's default behavior with .preventDefault():

<script  type="text/javascript">
    $("a.link").on("click",function(e){
       e.preventDefault();// or return false; 
       window.open('http://site.com/'+this.href, '_self', false);
    });
 </script>

answered Jun 4, 2013 at 7:49

Jai

74.8k12 gold badges77 silver badges104 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

GautamD31 · Accepted Answer · 2013-06-04 08:39:32Z

2

Try like this

<script  type="text/javascript">
 $("a.link").on("click",function(){
     window.open('http://site.com/'+$(this).attr('href'),'_self',false);
 });
 </script>

You can use .prop also like

window.open('http://site.com/'+$(this).prop('href'),'_self',false);

edited Jun 4, 2013 at 8:39

answered Jun 4, 2013 at 7:38

GautamD31

28.8k10 gold badges66 silver badges86 bronze badges

2 Comments

Stiger Over a year ago

you should use prop() instead of attr()

GautamD31 Over a year ago

Yah ofcourse @Stiger we can use it...Thanks for your suggestion..I will update my ans

Surya Peddada · Accepted Answer · 2013-06-04 08:30:46Z

1

You can directly use this HTML code.May be it will helps you

 $(function(){
  $("a.link").on("click",function(e){
    window.open(this.href, '_self', false);
  });
 });

edited Jun 4, 2013 at 8:30

answered Jun 4, 2013 at 7:50

Surya Peddada

2651 gold badge3 silver badges11 bronze badges

2 Comments

Barmar Over a year ago

The whole point of the question is to avoid repeating the code for each link. How does this solve that?

Surya Peddada Over a year ago

$(function(){ $("a.link").on("click",function(e){ window.open(this.href, '_self', false); }); }); you can you this code then

Collectives™ on Stack Overflow

do general script for links with javascript

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

2 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related