dixso / custombox

Modal window effects with transitions CSS3.
http://dixso.github.io/custombox/
620 stars 155 forks source link

jQuery Custombox not open popup on same window #44

Closed akilapraba closed 10 years ago

akilapraba commented 10 years ago

localhost spk_hotels modules responsive popup <script src="//code.jquery.com/jquery-1.11.0.min.js"></script> <script src="src/jquery.custombox.js"></script> <link rel="stylesheet" href="src/jquery.custombox.css">

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css"&gt;
<link rel="stylesheet" href="demo/css/demo.css">

<script> $(function () { $('#sidefall').on('click', function ( e ) { $.fn.custombox({ url: '#modal' }); e.preventDefault(); });

$('#sidefal').on('click', function ( e ) {
    $.fn.custombox({
        url: '#modal'
    });
    e.preventDefault();
});

$('#sidefall1').on('click', function ( e ) {
    //alert("dsfds")
     $.fn.custombox({
        url: '#modal1'
    });
    e.preventDefault();
});

$('#sidefall2').on('click', function ( e ) {
    //alert("dsfds")
     $.fn.custombox({
        url: '#modal1'
    });
    e.preventDefault();
});

}); </script> <a href="#modal" id="sidefall">Fadein</a> <a href="#modal1" id="sidefall1">Fadein</a>

<div id="modal" style="display: none;" class="modal-example-content"> <div class="modal-example-header"> <button type="button" class="close" onclick="$.fn.custombox('close');">×</button> <h4>Test Modal I</h4> </div> <div class="modal-example-body"> <a href="#modal1" id="sidefall2">Fadein</a> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <button type="button" class="close-button" onclick="$.fn.custombox('close');">Close</button> </div>

</div>

<div id="modal1" style="display: none;" class="modal-example-content"> <div class="modal-example-header"> <button type="button" class="close" onclick="$.fn.custombox('close');">×</button> <h4>Test Modal II</h4> </div> <div class="modal-example-body"> <a href="#moda" id="sidefal">Fadein</a> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.</p> <button type="button" class="close-button" onclick="$.fn.custombox('close');">Close</button> </div>

</div>

dixso commented 10 years ago

First need close the modal, and then reopen the new modal.

akilapraba commented 10 years ago

How to close & open new modal kindly can u give demo plz

dixso commented 10 years ago

Please, http://dixso.github.io/custombox/

akilapraba commented 10 years ago

I know it but I need Open second popup from first one how to do?