How to call js / script within href

Question

I've been using this successfully in my template:

<span class="sharethis-text">
<p>More  Options</p>
</span>
<script src="http://w.sharethis.com/button/buttons.js"></script>
<script>
stLight.options({
publisher:'******0b-6eed-4740-81e7-aa3ee0bd9f85',
});
</script>

But now I want to call this function in this:

<More-sharebar><a href="#">More options</a></More-sharebar>

How is it possible to include the script properly?

Apologies if the answer is easy. I'm a complete beginner. I've been searching but I can't find how to do it.

Edit: Thanks for the answers so far, and I think now I have the function stLight.options( but I don't know how to include the external js file. Instead of editing the functions.php file, is it possible to simply include the script above in my HTML, but give it a name, and somehow call that name in the href? The other thing: the function as it original works triggers on hover. I'd like to retain that, if possible. Apologies for my ignorance.

Community · Accepted Answer · 2021-10-07 07:13:45Z

13

Javascript supports following syntax :

<a href='javascript:alert('Hi')'>ClickMe</a>

This should solve your problem.

This is the reference Draft

edited Oct 7, 2021 at 7:13

CommunityBot

11 silver badge

answered Jun 28, 2014 at 5:54

Nitin Jadhav

7,3863 gold badges52 silver badges51 bronze badges

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

Comments

CGG · Accepted Answer · 2013-03-23 09:05:33Z

3

If you have in your file.js the:

function helloWorld(){...}

You call in the href with a event this function:

<a href="#" onClick="helloWorld()">More options</a>

answered Mar 23, 2013 at 9:05

CGG

2731 gold badge13 silver badges25 bronze badges

Comments

Mr.TK · Accepted Answer · 2013-03-23 08:49:30Z

2

In mark <a> define attrib:

    onclick="javascript:functionName();"

or

    onclick="return functionName(attribs)"

This should help.

But it should be done like this:

<a id="do_something">
   aaa
</a>

<script type="text/javascrip">
$.(function(){
   $('a#do_something').click(functionName());
});

answered Mar 23, 2013 at 8:49

Mr.TK

1,8463 gold badges21 silver badges23 bronze badges

1 Comment

Ian Douglas Over a year ago

The js file is external to my site, and the function won't work unless I combine it with the Publisher ID. So I'm having trouble knowing what function to call, or how to add my Publisher ID to the new code.

Robert Columbia · Accepted Answer · 2018-12-09 21:01:29Z

2

Just put this Javascript inside your href:

<a href="javascript:;">More options</a>

edited Dec 9, 2018 at 21:01

Robert Columbia

6,45115 gold badges34 silver badges42 bronze badges

answered Dec 9, 2018 at 20:57

Moode Osman

2,05322 silver badges17 bronze badges

Comments

Gwennael Buchet · Accepted Answer · 2013-03-23 08:48:27Z

0

in the HREF, you'll call the function you need, not the script file itself.

So you have to include your script in your HTML file (if possible at the end of the file, not in the header) and then call the method/function from your href.

answered Mar 23, 2013 at 8:48

Gwennael Buchet

1,30711 silver badges11 bronze badges

1 Comment

Ian Douglas Over a year ago

So I can strip the <span> class, and just need to know how to call the function. I'm just struggling to find the name of the function

Arie Xiao · Accepted Answer · 2013-03-23 09:42:46Z

0

Write a function that calls the function you want. According to your post, maybe it's stLight.options? Return false if you don't want the navigating behavior of the a link.
```
function clickHandler() {
    stLight.options({
        publisher:'******0b-6eed-4740-81e7-aa3ee0bd9f85',
    });
    return false;
}
```

Add the onclick handler to the a link.

<More-sharebar><a href="#" onclick="javascript:clickHandler()">More options</a></More-sharebar>

answered Mar 23, 2013 at 9:42

Arie Xiao

14.1k3 gold badges35 silver badges31 bronze badges

2 Comments

Ian Douglas Over a year ago

Many thanks. How would I include w.sharethis.com/button/buttons.js in the function? It's an externally hosted file. And sorry for my ignorance, but the original function worked on hover, not click. Is there a onhover possibility for the href?

Arie Xiao Over a year ago

You can add <script src="http://w.sharethis.com/button/buttons.js"></script> in <head> or some other place in the html. The browser will download and include the external script file as soon as it sees that script tag. For hover action, checkout onmouseover and onmouseout. It's just like onclick.

Collectives™ on Stack Overflow

How to call js / script within href

6 Answers 6

Comments

Comments

1 Comment

Comments

1 Comment

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

1 Comment

Comments

1 Comment

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related