( ′∀`)σ≡σ☆))Д′)レ(゚∀゚;)ヘ=З=З=Зε≡(ノ´_ゝ`)ノ
<style>
.modal-header, .modal-body, .modal-footer{
padding: 25px;
}
.modal-footer{
text-align: center;
}
#signup-modal-content, #forgot-password-modal-content{
display: none;
}
/** validation */
input.parsley-error {
border-color:#843534;
box-shadow: none;
}
input.parsley-error:focus{
border-color:#843534;
box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 6px #ce8483
}
.parsley-errors-list.filled {
opacity: 1;
color: #a94442;
display: none;
}
</style>
<?php $HOST= $_SERVER['HTTP_HOST'];
$URI= $_SERVER['REQUEST_URI'];
$url = "https://".$HOST.$URI;
if($HOST=="localhost")
{
$url =str_replace("https://","http://",$url);
}
?>
<!-- Bootstrap Modal -->
<!--Login, Signup, Forgot Password Modal -->
<div id="login-signup-modal" class="modal fade" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<!-- login modal content -->
<div class="modal-content" id="login-modal-content">
<div class="modal-header">
<a href="<?php echo $url; ?>"> <span type="button" class="pull-right"><img style="padding:5px; margin:0px; " src="images/images/buttons3_03.png"></span></a>
<h4 class="modal-title"><i class="icon-envelope"></i> Welcome to The Brand!</h4>
<h7 id="checklogin"> </h7>
</div>
<div class="modal-body">
<form method="post" id="loginForm" role="form">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-envelope-alt"></i> </div>
<input name="login-email" id="login-email" type="email" class="form-control input-lg" placeholder="Enter Email" required >
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-lock"></i></div>
<input name="login-password" id="login-password" type="password" class="form-control input-lg" placeholder="Enter Password" required >
</div>
</div> <input name="actionModal" id="action" type="hidden" value="signin">
<div class="checkbox">
<label><input type="checkbox" value="" checked>Remember me</label>
</div>
<input name="mypage2" id="mypage2" type="hidden" value="<?php echo $url; ?>">
<a href="javascript:void(0)" id="modalsignIn" class="btn btn-success btn-block btn-lg">SIGN IN!</a>
</form>
</div>
<div class="modal-footer">
<p><?php /*?> <a id="FPModal" href="javascript:void(0)">Forgot Password?</a><?php */?>
<a id="signupModal" href="javascript:void(0)">Join Here!</a> |
<a href="m/auth/forgot_password">Password?</a>
</p>
</div>
</div>
<!-- login modal content -->
<!-- signup modal content -->
<div class="modal-content" id="signup-modal-content">
<div class="modal-header">
<a href="<?php echo $url; ?>"> <span type="button" class="pull-right"><img style="padding:5px; margin:0px; " src="images/images/buttons3_03.png"></span></a>
<h4 class="modal-title"> Start posting on The Brand</h4>
<h7 id="checkjoin" class=" text-danger"> </h7>
</div>
<div class="modal-body">
<form id="joinForm" role="form">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-envelope"></i></div>
<input name="name" id="name" type="text" class="form-control input-lg" placeholder="Your Name" required >
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-envelope"></i></div>
<input name="email" id="email" type="email" class="form-control input-lg" placeholder="Enter Email" required >
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-lock"></i></div>
<input name="registerpasswd" id="registerpasswd" type="password" class="form-control input-lg" placeholder="Enter Password" required >
<input name="actionModal" id="action" type="hidden" value="registration">
<input name="mypage" id="mypage" type="hidden" value="<?php echo $url; ?>">
</div>
</div>
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-lock"></i></div>
<input name="confirmpasswd" id="confirmpasswd" type="password" class="form-control input-lg" placeholder="Retype Password" required >
</div>
</div>
<a href="javascript:void(0)" id="modalsignUp" class="btn btn-success btn-block btn-lg">START POSTING!</a>
</form>
</div>
<div class="modal-footer">
<p>Already a Member ? <a id="loginModal" href="javascript:void(0)">Sign in here!</a></p>
</div>
</div>
<!-- signup modal content -->
<!-- forgot password content -->
<div class="modal-content" id="forgot-password-modal-content">
<div class="modal-header">
<a href="<?php echo $url; ?>"> <span type="button" class="pull-right"><img style="padding:5px; margin:0px; " src="images/images/buttons3_03.png"></span></a>
<h4 class="modal-title"><i class="icon-envelope"></i> Recover Password!</h4>
<h7 id="checkforgot"> </h7>
</div>
<div class="modal-body">
<form method="post" id="Forgot-Password-Form" role="form">
<div class="form-group">
<div class="input-group">
<div class="input-group-addon"><i class="icon-envelope"></i></div>
<input name="email" id="email" type="email" class="form-control input-lg" placeholder="Enter Email" required >
</div>
</div>
<button type="submit" class="btn btn-success btn-block btn-lg">
<span class="glyphicon glyphicon-send"></span> SUBMIT
</button>
</form>
</div>
<div class="modal-footer">
<p>Password ? <a id="loginModal1" href="javascript:void(0)">Login Here!</a></p>
</div>
</div>
<!-- forgot password content -->
<!-- /.modal-content -->
</div><!-- /.modal-dialog -->
</div>
<!--Login, Signup, Forgot Password Modal -->
<script>
$(document).ready(function(){
$('.closeIt').click(function(){
$('#signup-modal-content').fadeOut('fast');
$('#login-modal-content').fadeOut('fast');
$('#forgot-password-modal-content').fadeOut('fast');
$('#FPModal').fadeOut('fast');
$('#loginModal1').fadeOut('fast');
$('#signupModal').fadeOut('fast');
$('#loginModal').fadeOut('fast');
});
$('#signupModal').click(function(){
$('#login-modal-content').fadeOut('fast', function(){
$('#signup-modal-content').fadeIn('fast');
});
});
$('#loginModal').click(function(){
$('#signup-modal-content').fadeOut('fast', function(){
$('#login-modal-content').fadeIn('fast');
});
});
$('#FPModal').click(function(){
$('#login-modal-content').fadeOut('fast', function(){
$('#forgot-password-modal-content').fadeIn('fast');
});
});
$('#loginModal1').click(function(){
$('#forgot-password-modal-content').fadeOut('fast', function(){
$('#login-modal-content').fadeIn('fast');
});
});
});
</script>
<script type="text/javascript">
<?php /*?>function validateEmailId(input) {
var emailFormat = /^\w+([\.-]?\w+)*@\w+([\.-]?\w+)*(\.\w{2,3})+$/;
if (emailFormat.test(input)) {
return true;
} else {
return false;
}
}
function pregMatch(input) {
var regExp = /^[a-zA-Z ]*$/;
if (regExp.test(input)) {
return true;
} else {
return false
}
}<?php */?>
<?php /*?> $('#signmeUp').click(function(){
var form = $("#joinForm");
var name = $("#name", form).val();
var email = $("#email", form).val();
var registerpasswd = $("#registerpasswd", form).val();
var confirmpasswd = $("#confirmpasswd", form).val();
var actionString = 'registration';
alert(Server+"v/uploadParameters.php");
$.ajax({
type: "GET",
url: ,
data : {
name : name,
email : email,
registerpasswd : registerpasswd,
confirmpasswd : confirmpasswd,
actionString : actionString
},
cache: false,
success: function(html)
{
alert(html);
}
});
});
</script>
<?php */?>