Jquery trigger with call function

Question

I have button with onclick :

 <button   class="tablinks" onclick="openDiv(event, 'default')">{'TEXT_DEFAULT_SETTINGS'|tr}</button>

openDiv function:

function openDiv(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;
  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

How can I trigger this onclick?

Its will work if you have element with id that passed you cityName — Omi
– Omi, Commented May 30, 2017 at 15:42

Erick Lanford Xenes · Accepted Answer · 2017-05-30 15:13:09Z

2

Try:

document.getElementsByClassName("tablinks")[0].click()

answered May 30, 2017 at 15:13

Erick Lanford Xenes

1,5822 gold badges23 silver badges37 bronze badges

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

Comments

Omi · Accepted Answer · 2017-05-30 15:49:06Z

Your code working fine unless you dont have element with default as id. Else your code ll break & give error as Uncaught TypeError: Cannot read property 'style' of null for this statement document.getElementById(cityName).style.display = "block";

See the below working example of your code:

function openDiv(evt, cityName) {
  // Declare all variables
  var i, tabcontent, tablinks;
  // Get all elements with class="tabcontent" and hide them
  tabcontent = document.getElementsByClassName("tabcontent");
  for (i = 0; i < tabcontent.length; i++) {
    tabcontent[i].style.display = "none";
  }
  // Get all elements with class="tablinks" and remove the class "active"
  tablinks = document.getElementsByClassName("tablinks");
  for (i = 0; i < tablinks.length; i++) {
    tablinks[i].className = tablinks[i].className.replace(" active", "");
  }

  // Show the current tab, and add an "active" class to the button that opened the tab
  document.getElementById(cityName).style.display = "block";
  evt.currentTarget.className += " active";
}

#default {
display:none
}

 <button   class="tablinks" onclick="openDiv(event, 'default')">{'TEXT_DEFAULT_SETTINGS'|tr}</button>

<div id="default">
This is a default div
</div>

Collectives™ on Stack Overflow

Jquery trigger with call function

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related