pnusharp
دوشنبه 12 فروردین 1392, 15:45 عصر
سلام دوستان
من کدهای بخش Login وب سایتم رو در یک سند جدا مثلا login.php و کدهای مربوط به jquery اون رو در یک سند مجزا دیگه به نام js.js قرار بدم و با js این پارت login رو در صفحه نمایش یا مخفی کنم. تا حدودی در صفحه اول سایت این کار رو انجام دادم اما میخوام در سایر صفحات و بخش های سایتم و در هر کجا که کاربر خواست بتونه به راحتی وارد سایت شه. نمیشه که در هر صفحه ای این همه کد بنویسم... بهینه ترین راه رو میخوام.
این هم کدهام. کد بخش login
<div id="login-box" class="login-popup"> <!-- login div -->
<a href="#" class="close"><img src="<?php echo base_url(); ?>images/close_pop1.png" class="btn_close" title="Close Window" alt="Close" /></a>
<form method="post" class="signin" action="#">
<fieldset class="textbox">
<label class="username">
<span>نام کاربری / ایمیل </span>
<input id="username" name="username" value="" type="text" autocomplete="on" placeholder="نام کاربری / ایمیل">
</label>
<label class="password">
<span>رمز عبور </span>
<input id="password" name="password" value="" type="password" placeholder="رمز عبور">
</label>
<button class="btn btn-inverse" type="submit" name="btnlogin">ورود</button>
<p>
<a class="forgot" href="#">رمز عبور را فراموش کرده اید؟</a>
</p>
</fieldset>
</form>
</div>
این هم کد js
$('li a.login-window,li a.registra-window').click(function() {
// Getting the variable's value from a link
var loginBox = $(this).attr('href');
//Fade in the Popup and add close button
$(loginBox).fadeIn(500);
//Set the center alignment padding + border
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;
$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(400);
return false;
});
قبلش ممنونم.
من کدهای بخش Login وب سایتم رو در یک سند جدا مثلا login.php و کدهای مربوط به jquery اون رو در یک سند مجزا دیگه به نام js.js قرار بدم و با js این پارت login رو در صفحه نمایش یا مخفی کنم. تا حدودی در صفحه اول سایت این کار رو انجام دادم اما میخوام در سایر صفحات و بخش های سایتم و در هر کجا که کاربر خواست بتونه به راحتی وارد سایت شه. نمیشه که در هر صفحه ای این همه کد بنویسم... بهینه ترین راه رو میخوام.
این هم کدهام. کد بخش login
<div id="login-box" class="login-popup"> <!-- login div -->
<a href="#" class="close"><img src="<?php echo base_url(); ?>images/close_pop1.png" class="btn_close" title="Close Window" alt="Close" /></a>
<form method="post" class="signin" action="#">
<fieldset class="textbox">
<label class="username">
<span>نام کاربری / ایمیل </span>
<input id="username" name="username" value="" type="text" autocomplete="on" placeholder="نام کاربری / ایمیل">
</label>
<label class="password">
<span>رمز عبور </span>
<input id="password" name="password" value="" type="password" placeholder="رمز عبور">
</label>
<button class="btn btn-inverse" type="submit" name="btnlogin">ورود</button>
<p>
<a class="forgot" href="#">رمز عبور را فراموش کرده اید؟</a>
</p>
</fieldset>
</form>
</div>
این هم کد js
$('li a.login-window,li a.registra-window').click(function() {
// Getting the variable's value from a link
var loginBox = $(this).attr('href');
//Fade in the Popup and add close button
$(loginBox).fadeIn(500);
//Set the center alignment padding + border
var popMargTop = ($(loginBox).height() + 24) / 2;
var popMargLeft = ($(loginBox).width() + 24) / 2;
$(loginBox).css({
'margin-top' : -popMargTop,
'margin-left' : -popMargLeft
});
// Add the mask to body
$('body').append('<div id="mask"></div>');
$('#mask').fadeIn(400);
return false;
});
قبلش ممنونم.