أهلا وسهلا بك زائرنا الكريم في منتدى دعم PBBoard الرسمي، لكي تتمكن من المشاركة ومشاهدة جميع أقسام المنتدى وكافة الميزات ، يجب عليك إنشاء حساب جديد بالتسجيل بالضغط هنا أو تسجيل الدخول اضغط هنا إذا كنت عضواً .

طلب ربط حسابات الدخول والتسجيل للمنتدى مع واجهة

مشاهدة المشاركة في الموضوع بالعرض العادي

: طلب ربط حسابات الدخول والتسجيل للمنتدى مع واجهة

07-05-2017 04:55 مساءً

Soliman

تفضل هذا شرح ربط فورم تسجيل الدخول والتسجيل للقالب الذي طرحته بمنتداك بخاصية لأجاكس وحفظ تسجيل الدخول بالـ SESSION

1- غير اسم ملف index.html إلى index.php

2- افنح ملف : index.php

و أضف هذا الكود في اعلاه تماماً فوق جميع الأكواد

CODE

<?php
session_start();
if (isset($_SESSION['uName']))
{
$uName = $_SESSION['uName'];
}
?>

ثم ابحث عن :

CODE


                        <!--/Content-->
                        <div id="Sidebar">
                            <div class="Widget">
                                <h2 class="login">دخول العملاء <span>-</span></h2>
                                <div class="Widget_Login">
                                    <form action="#" method="post" id="Login_Form">
                                        <input type="text" name="log" class="login_email" placeholder="البريد الالكترونى ...">
                                        <input type="password" name="pwd" class="login_pass" placeholder="كلمة المرور ...">
                                        <input type="submit" value="دخول" class="login_go">
                                        <ul>
                                            <li><a href="#">تسجيل عميل جديد</a></li>
                                            <li><a href="#">استرجاع كلمة المرور</a></li>
                                        </ul>
                                    </form>
                                </div>
                                <!--/Widget_Login--> 
                            </div>
                            <!--/Widget-->

واستبدله بـ (مع تغير كلمة Upload لرابط التسجيل واسترجاع كلمة المرور في الكود التالي بإسم مجلد منتداك إذا كان مختلفاً عن اسم Upload :

CODE


                       <!--/Content-->
                        <div id="Sidebar">
                            <div class="Widget">
<?php
if (!isset($uName))
{
?>
                                <h2 class="login">دخول العملاء <span>-</span></h2>

<div class="Widget_Login">
<div class="err" id="add_err"></div>
                                      <form action="./" method="post">
                                        <input type="text" name="username" id="username" class="login_email" placeholder="اسم المستخدم ...">
                                        <input type="password" name="password" id="password" class="login_pass" placeholder="كلمة المرور ...">
                                        <input type="submit" value="دخول" id="login" name="login" class="login_go">
                                        <label><input type="checkbox" name="temporary" value="on" class="fp1" checked="checked" />  تذكرني؟</label>
                                        <ul>
                                            <li><a href="Upload/register.html">تسجيل عميل جديد</a></li>
                                            <li><a href="Upload/forget.html">استرجاع كلمة المرور</a></li>
                                        </ul>
                                    </form>
                                </div>
<?php
}else{
?>
<h2 class="login"> مرحبا ! <span>-</span></h2>
<div class="Widget_Login">
 <h2 style="color:#d96c25;"><img class="decoded" alt="user" src="images/icons/Login_h2.png">
<?php echo $uName; ?>
</h2>
<?php
}
?>
                                <!--/Widget_Login-->
                            </div>
                            <!--/Widget-->

ثم ابحث عن :

CODE

<script type="text/javascript" src="js/tatwerat.js"></script>

واضف اسفله هذا الكود :

CODE

<script type="text/javascript">
$(document).ready(function(){
    $("#add_err").css('display', 'none', 'important');
     $("#login").click(function(){
          username=$("#username").val();
          password=$("#password").val();
          $.ajax({
           type: "POST",
           url: "login.php",
            data: "username="+username+"&password="+password,
           success: function(html){
            if(html=='true')    {
             //$("#add_err").html("right username or password");
             window.location="index.php";
            }
            else    {
            $("#add_err").css('display', 'inline', 'important');
             $("#add_err").html("<img src='images/icons/warning_32.png' />Wrong username or password");
            }
           },
           beforeSend:function()
           {
            $("#add_err").css('display', 'inline', 'important');
            $("#add_err").html("<img src='images/icons/loader.gif' /> Loading...")
           }
          });
        return false;
    });
});

</script>

3- انشأ ملف جديد باسم: login.php

وضع به هذا الكود:

CODE

<?php
session_start();
require_once 'Upload/engine/config.php';
$conn = @mysql_pconnect($config['db']['server'], $config['db']['username'], $config['db']['password']);
if(!@mysql_select_db($config['db']['name']))  // If db not set, return 0
{
echo "An error has occured. Could not select the MySQL Database";
}
$uName = strip_tags(mysql_real_escape_string(trim($_POST['username'])));
$pWord = strip_tags(mysql_real_escape_string(trim(md5($_POST['password']))));
$qry = "SELECT * FROM ".$config['db']['prefix']."member WHERE username='".$uName."' AND password='".$pWord."' AND usergroup!='5'";
$res = mysql_query($qry);
$num_row = mysql_num_rows($res);
$row=mysql_fetch_assoc($res);
if( $num_row == 1 ) {
    $_SESSION['uName'] = $row['username'];
    $_SESSION['oId'] = $row['id'];
    echo 'true';
    }
else {
    echo 'false';
}
?>

مع تعديل مسار ملف config.php لمنتداك إذا كان اسم مجلد منتداك غير Upload في هذا السطر :

CODE

require_once 'Upload/engine/config.php';

وارفعه بجانب ملف index.php

الساعة الآن 03:29 PM