0

コードを少し混乱させます (私は思います) が、理解していただければ幸いです (そして、私の Mysql API が最適ではないことはわかっていますが、時間があれば変更します (スクリプトが大きいため))。

まあ、私は5秒ごとに実行されるPHPスクリプトを持っています。これは、ユーザーのuser_idを持つfriend_requestsテーブルに行が存在する場合はJqueryで通知を行い、存在する場合はjquery通知(facebookのようなもの)を実行しますさんが彼に友達リクエストを送信しました。

しかし、問題は、PHP スクリプトが 5 秒ごとに実行されることですが、スクリプト内の Jquery 関数は、画面で通知ボックスを開くように指示し、1 回だけ実行されます。 phpコードを初めて実行した場合の通知(最初の5秒が経過した場合、行がその5秒後に来た場合、通知ボックスは表示されません)、行が最初の5秒に来た場合のみ. (しかし、残りの PHP コードは完全に実行されます)

friend_request_notification.php

<?php include_once("includes/head.php"); ?>
<?php require_once("includes/connect/connect.php"); ?>
<?php require_once("includes/functions.php"); ?>
<?php require_once("includes/jquery.php"); ?>
<?php login_validation();

function friend_request_notification()
{
    global $db;
    global $userid;  

    $query_id_see = "SELECT user_id FROM friend_requests WHERE user_id={$userid}";
    $result_set3 = mysql_query($query_id_see, $db) or die(mysql_error());

    if ($id_requests = mysql_fetch_array($result_set3))
    {
        $select_requester_id = "SELECT user_id_requester FROM friend_requests WHERE user_id={$userid}";
        $result1=mysql_query($select_requester_id);

        $row = mysql_fetch_assoc($result1);
        $requester_id = $row['user_id_requester'];

        $select_requester_name = "SELECT * FROM members WHERE id={$requester_id}";
        $result2=mysql_query($select_requester_name);

        $row = mysql_fetch_assoc($result2);
        $requester_fname = $row['first_name'];
        $requester_lname = $row['last_name'];

        echo '
        <html>
        <head>
        <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js" type="text/javascript"></script>

       <link rel="stylesheet" type="text/css" href="style2.css" />
       <script src="jquery.facebookBeeper.js" type="text/javascript"></script>
       </head>
       <body>

       <div id="BeeperBox" class="UIBeeper">
         <div class="UIBeeper_Full">
            <div class="Beeps">
               <div class="UIBeep UIBeep_Top UIBeep_Bottom UIBeep_Selected" style="opacity: 1; ">
                  <a class="UIBeep_NonIntentional" href="#">
                     <div class="UIBeep_Icon">
                        <i class="beeper_icon image2"></i>
                     </div>
                     <span class="beeper_x">&nbsp;</span>
                     <div class="UIBeep_Title">
                        <span class="blueName"> ' . $requester_fname . ' ' . $requester_lname . '</span> has send you a friend request <span class="blueName">coise</span>.
                     </div>
                  </a>
               </div>
            </div>
         </div>
       </div>

       </body>
       </html>';

       $insert_table = "INSERT INTO friend_requests_notificated SELECT * FROM friend_requests WHERE user_id={$userid} ";
$delete_table = "DELETE FROM friend_requests WHERE user_id={$userid}";
$change_table1 = mysql_query($insert_table) or die(mysql_error());
$change_table2 = mysql_query($delete_table) or die(mysql_error());

    }
    else
    {

    }   
}

friend_request_notification();
?>

jquery.facebookBeeper.js

$(document).ready(function () {
// set the time for the beeper to be displayed as 5000 milli seconds (5 seconds)
var timerId, delay = 5000;
var a = $("#BeeperBox"),
    b = $("a.control");;
//function to destroy the timeout


function stopHide() {
    clearTimeout(timerId);
}
//function to display the beeper and hide it after 5 seconds


function showTip() {
    a.show();
    timerId = setTimeout(function () {
        a.hide();
    }, delay);

}
    showTip();
//function to hide the beeper after five seconds


function startHide() {
    timerId = setTimeout(function () {
        a.hide();
    }, delay);
}
//display the beeper on cliking the "show beeper" button
b.click(showTip);
//Clear timeout to hide beeper on mouseover
//start timeout to hide beeper on mouseout
a.mouseenter(stopHide).mouseleave(startHide);

$('.beeper_x').click(function () {
    //hide the beeper when the close button on the beeper is clicked
    $("#BeeperBox").hide();
});

showTip();
});

notifications.js

window.setInterval(function(){
    $('#notifications').load('friend_request_notification.php');


}, 5000);
4

3 に答える 3

0

私はこれをテストしていませんが、最初にロードしてファイルをキャッシュするため、ロードは 1 回だけだと思います。したがって、本質的に 2 回目は実行されません。

これは理にかなっています。そうしないと、その人のキャッシュに同じファイルのコピーが 100 個あり、役に立ちません。

インターバルが実行されると、javascript ファイルにある関数が実行されるようにします。

window.setInterval(function(){
    $('#notifications').load('friend_request_notification.php');

    showTip() 
}, 5000);

または類似。このようなスクリプトで、JavaScript ファイルを何度も読み込もうとするべきではありません。そのJSはトップページにあるはずです。

于 2013-04-14T13:23:27.570 に答える
0

document.ready新しいコンテンツを読み込んでいるメイン ページで既に発生していることを認識しておくことが重要です。

これは、新しいスクリプトをロードするとすぐに起動することを意味します。この場合、参照している html が存在する前に起動します。

html の後にスクリプトを配置するfriend_request_notification.phpと、スクリプトが起動する前に html が DOM にロードされることが保証されます。

jquery.facebookBeeper.js構造的には、すべてのコードをに含まれる関数にラップするだけでnotifications.js、そのスクリプト ファイルに対して 5 秒ごとに新しい要求を行う代わりに、完全なコールバック内で関数を実行することを検討できますload

window.setInterval(function(){
    $('#notifications').load('friend_request_notification.php',function(){
          /* new content now exists in page, run code here*/
     });

    showTip() 
}, 5000);

また、ページの読み込み時に宣言var a = $("#BeeperBox"),し、その要素を新しい html に置き換えるとvar a、同じ ID を持つ要素の新しいバージョンへの参照にはならないことに注意してください。

于 2013-04-14T13:55:38.287 に答える