Javascript onClick event to open modal

Question

I am using a modal plugin that I discovered from here that works great for my application. I make the modal appear by linking to it this way:

<a href="#myDiv" rel="modal:open">Make Modal Appear</a>

However, I'd like to use the onclick event with a button to make the same plugin work but I can't figure out how to use the "rel=modal:open" code with the onclick event. Without "rel=" command in there, the plugin won't function properly. Any help would be greatly appreciated.

Sam Battat · Accepted Answer · 2014-08-14 18:49:04Z

2

If you mean you want an additional button to do open the modal then you could do something like this:

<a id="modal-open" href="#myDiv" rel="modal:open">Make Modal Appear</a>
<button id="another-modal-open" onClick="$('#modal-open').trigger('click');">Also Opens Modal</button>

DEMO: http://jsfiddle.net/aag1wer9/

answered Aug 14, 2014 at 18:49

Sam Battat

5,7651 gold badge22 silver badges29 bronze badges

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

Collectives™ on Stack Overflow

Javascript onClick event to open modal

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related