<link href="//netdna.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> How-To? :Modal Wont Login: Can Someone Help Me <a href="{$mybb->settings['bburl']}/member.php?action=register" class="register">{$lang->welcome_register}</a> — <a href="{$mybb->settings['bburl']}/myfbconnect.php?action=login">{$lang->myfbconnect_login}</a> <!--login modal--> <div id="loginModal" class="modal modal-transparent fade" tabindex="-1" role="dialog" aria-hidden="true" style="width:100%"> <div class="modal-dialog"> <div class="modal-content"> <div class="modal-header"> <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button> <h1 class="text-center">{$lang->login}</h1> </div> <div class="modal-body"> <form id="quick-login" role="form" class="form col-md-12 center-block" method="post" action="{$mybb->settings['bburl']}/member.php"> <div class="form-group"> <input type="text" class="form-control input-lg" placeholder="{$login_username}"> </div> <div class="form-group"> <input type="password" class="form-control input-lg" placeholder="{$lang->password}"> </div> <div class="checkbox"> <label> <input type="checkbox"> {$lang->remember_me} </label> </div> <div class="form-group"> <button type="submit" class="btn btn-primary btn-lg btn-block">Sign In</button> <span class="pull-right"><a href="#">Register</a></span><span><a href="{$mybb->settings['bburl']}/member.php?action=lostpw" class="lost_password">{$lang->lost_password}</a></span> </div> </form> </div> <div class="modal-footer"> <div class="col-md-12"> <button class="btn" data-dismiss="modal" aria-hidden="true">Cancel</button> </div> </div> </div> </div> </div>

<script type="text/javascript"> $(function(){ $('quick-login').on('submit', function(e){ e.preventDefault(); $.ajax({ url: "{$mybb->settings['bburl']}/member.php", type: "POST", data: $("quick-login").serialize(), success: function(data){ alert("Successfully submitted.") } }); }); }); </script>