Trigger click of an element on the basis of a button using JavaScript code in HTML markup and/or attribute(s)

Question

I want to trigger click on an icon(image) with specific class/id using onclick (or using any other way) of another button. Please see image for reference. Clicking "1" should trigger "2". Currently I am calling a javascript function "launchTopWM" which use following code to trigger click:

$(".custom_toggle_menu_default").trigger("click");

But i am wondering if i can call this code or perform this fucntionality using its click etc, something like href='javascript:$(".custom_toggle_menu_default").trigger("click");'

Following is the Code:

HTML 1:

 <img class="custom_toggle_menu_default" src="cc/tt/uu/images/launchTopWM.png">

HTML 2:

<a id="tsp" class="sp" href="launchTopWM()">CNw</a>

yasarui · Accepted Answer · 2017-07-25 10:45:33Z

1

Give an id to the element and show the second anchor through pure javascript.

<!DOCTPE html>
<html>
<head>
     <title> Button style </title>
     <style>

     </style>
</head>
<body>


<a href="javascript:void(0)" onclick="getElementById('button').click()" > click me </a>
<button id="button">  Buton </button>


    

    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
    <script>
       $('#button').click(function(){
           alert('Buttons has been clicked');
       });
    </script>
</body>
</html>

edited Jul 25, 2017 at 10:45

answered Jul 25, 2017 at 10:32

yasarui

6,6238 gold badges48 silver badges80 bronze badges

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

1 Comment

Abdur Rehman Over a year ago

Very nice example but you are setting "display" attribute and i need to trigger "click" of another icon.

Ashok · Accepted Answer · 2017-07-25 10:18:50Z

1

Trigger example, Hope it will give you the idea

<html lang="en">
<head>
  <meta charset="utf-8">
  <title>Triggger</title>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script>
</head>
<body>
<button id="tiggerCall">Trigger Focus</button>
<input type="text" placeholder="Onclick Call Focus" value=''>
<script>
$( "#tiggerCall" ).click(function() {
  $( "input" ).trigger( "focus" );
});
$( "input" ).focus(function() {
  $( "<span>Text box clicked</span>" ).appendTo( "body" ).fadeOut( 1000 );
});
</script>
</body>
</html>

answered Jul 25, 2017 at 10:18

Ashok

1281 silver badge8 bronze badges

Collectives™ on Stack Overflow

Trigger click of an element on the basis of a button using JavaScript code in HTML markup and/or attribute(s)

2 Answers 2

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related