How to add javascript to button?

Question

this might be very basic but I am still trying to figure it out because I cannot seem to get it correct.

The button

<a class="fusion-button button-flat button-square button-xlarge button-default button-40" target="_blank"><span class="fusion-button-text fusion-button-text-left">KÖP DITT CAMPINGKORT HÄR!</span></a>

And I need to add this

<a href="Javascript://Camping Key Europe" onclick="CampingKeyEurope(' blank', 'sv')">Köp Camping Key Europe</a>

Some things needs changing such in the next code but you get the idea, how can I make button work, so when they press it it open module? When I use the second code without button and only link, it works fine, module shows up.

Please help :)

The method you're using is severely outdated, look into external event handlers with addEventListener — Sterling Archer
– Sterling Archer, Commented Jan 22, 2018 at 15:30
If you want a button you should use the <button> element, not <a> — Pointy
– Pointy, Commented Jan 22, 2018 at 15:30
see stackoverflow.com/questions/1947263/… for more information — Yaco Zaragoza
– Yaco Zaragoza, Commented Jan 22, 2018 at 15:32
I am using this code with Wordpress, this button is generated by the theme and I am trying to edit it. — VFXStation
– VFXStation, Commented Jan 22, 2018 at 15:32
In first case, your are using target="-blank" which means The target attribute specifies where to open the linked doc. Where as in the second case youn didn't use target attribute. I think you are trying to open the new page onclick. If yes, follow this: <a onclick="window.open(document.URL, '_blank', 'location=yes,height=570,width=520,scrollbars=yes,status=yes');"> Share Page </a> — Kishor Velayutham
– Kishor Velayutham, Commented Jan 22, 2018 at 15:34

Ryan Wilson · Accepted Answer · 2018-01-22 15:34:19Z

2

Try this

<button type="button" class="fusion-button-text fusion-button-text-left" 
onclick="CampingKeyEurope(' blank', 'sv')">Button Text</button>

Building off the comment by Sterling Archer, you should attach event listeners outside of your HTML, so if you are using JQuery, in your $(document).ready() function you would add your onclick event there to your button like so:

$('.fusion-button-text.fusion-button-text-left').on('click', function() {});

answered Jan 22, 2018 at 15:34

Ryan Wilson

10.9k3 gold badges23 silver badges46 bronze badges

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

1 Comment

VFXStation Over a year ago

I did this before you answered and it worked, but thanks anyway!

DreamTeK · Accepted Answer · 2018-01-22 15:38:28Z

0

Try using an event listener:

<a id="btn" class="fusion-button button-flat button-square button-xlarge button-default button-40" target="_blank">
  <span class="fusion-button-text fusion-button-text-left">KÖP DITT CAMPINGKORT HÄR!</span>
</a>

document.getElementById('btn').onclick = function () { 
  CampingKeyEurope(' blank', 'sv');
};

answered Jan 22, 2018 at 15:38

DreamTeK

34.6k30 gold badges127 silver badges180 bronze badges

Comments

Daniel Larter · Accepted Answer · 2018-01-22 15:41:19Z

0

I suggest looking through here, Its very useful: https://www.w3schools.com/jsref/event_onclick.asp

answered Jan 22, 2018 at 15:41

Daniel Larter

11 bronze badge

1 Comment

happymacarts Over a year ago

Thatsnks for posting an answer its what makes this community work. Pages from W3schools can be an unreliable source and are generally frowned upon on SO. I recommend using the Mozilla reference pages instead

Collectives™ on Stack Overflow

How to add javascript to button?

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related