CODEWITHSUNDEEP
jquery-plugins
sandy
sandy

Reputation: 11

Simple Modal - more than one

I'm using the simplemodal-demo-basic-1.4.1 and iam having trouble using it to open more than one window on a page (I don't need them to open at the same time or on top of one another). I tried adding another class and calling out that class in my js file, but I'm not getting it. I'm sure I'm missing something. -Can someone please help?

Upvotes: 0

Views: 681

Answers (1)

brianpeiris
brianpeiris

Reputation: 10795

I'm assuming you're talking about the demo available on the simplemodal Google Code project

Here's what I had to do to add a second modal dialog to that demo:

Add the following HTML to index.html:

  • inside the content div:

    <!-- second modal content -->
<div id="basicTwo-modal-content">
  <h3>Basic Two Modal Dialog</h3>
  <p>The Second Modal</p>
</div>

  • inside the basic-modal div:

    <input type='button' name='basicTwo' value='Demo Two' class='basicTwo'/> or <a href='#' class='basicTwo'>Demo Two</a>

Add the following CSS to basic.css:

    #basicTwo-modal-content { display: none; }

Add the following JavaScript to basic.js inside the jQuery load handler:

    $('#basic-modal .basicTwo').click(function (e) {
      $('#basicTwo-modal-content').modal();

      return false;
    });

Working Demo

Upvotes: 1

Related Questions