2014-04-11 57 views
0

我使用下面的腳本來建立一個圖片庫刷新成功插入查詢後一頁的MySQL查詢在另一頁

1)scriptphoto.js

2)acceptcomment.php

3 )edit_album.php

Edit_album.php包含運行時的圖像獲取點擊(打印意見,如果圖像共享的MySQL查詢)

HTML:

<div id="photo_preview" style="display:none"> 
    <div class="photo_wrp"> 
     <img class="close" src="uploads/close.gif" /> 
     <div style="clear:both"></div> 
     <div class="pleft">test1</div> 

     <div class="pright">test2</div> 
     <div style="clear:both"></div> 
    </div> 
</div> 

和Javascript上scriptphoto.js上edit_album.php爲

function getPhotoPreviewAjx(id,name) { 
     $.post('edit_album.php',{action:'get_info',Id:id}, 

      function(data){ 
      if (name == 'YES'){ 
      $('#photo_preview .pleft').html(data.data1); 
      $('#photo_preview .pright').html(data.data2); 
      $('#photo_preview').show(); 

     } 
      else{ 
      $('#photo_preview .pleft').html(data.data1); 
      $('#photo_preview .pright').html(data.data3); 
      $('#photo_preview').show(); 
      } 

     }, "json" 
    ); 
}; 

PHP代碼是

if ($_POST['action'] == 'get_info' && (int)$_POST['Id'] > 0) { 

$iPid = (int)$_POST['Id']; 

$shared = $_POST['shared']; 


     $sComments = ''; 

    $sq= "SELECT * FROM comment_table WHERE ImageSN = '".$iPid."' ORDER BY C_when ASC LIMIT 10"; 
    $sql = mysql_query($sq); 
     while($query = mysql_fetch_array($sql)) 
      { 
       $sWhen = date('F j,Y' , $query['C_when']); 
       $sComments .= "<div class=\"comment\" id='".$query['C_id']."'> 
       <p>Comment from '".$query['c_name']."' <span>(".$sWhen.")</span>:</p> 
       <p>".$query['c_text']."</p> 
       </div>" ; 

       } 

     $sharewarning .="<div id='sharewarning'>Share Images To Enable Comments</div>"; 




     $sCommentsBlock .="<div class=\"comments\" id=\"comments\"> 
    <h2>Comments</h2> 
    <div id=\"comments_warning1\" style=\"display:none\">Don`t forget to fill both fields (Name and Comment)</div> 
    <div id=\"comment_warning2\" >You can't post more than one comment per 10 minutes (spam protection)</div> 
    <form onsubmit=\"return false;\"> 
     <table> 
      <tr><td class=\"label\"><label>Your name: </label></td><td class=\"field\"><input type=\"text\" value=\"\" title=\"Please enter your name\" id=\"name\" /></td></tr> 
      <tr><td class=\"label\"><label>Comment: <input type=\"hidden\" name=\"action\" value=\"accept_comment\"></label></td><td class=\"field\"><textarea name=\"text\" id=\"text\"></textarea></td></tr> 
      <tr><td class=\"label\">&nbsp;</td><td class=\"field\"><button onclick=\"submitComment(".$iPid."); return false;\">Post comment</button></td></tr> 
     </table> 
    </form> 
     <div><span id=\"commentspsn\"></span> 
     <div id=\"comments_list\">".$sComments."</div> 
     </div>"; 

     $imageInfo = ''; 

    $selecT = "SELECT imagesrc FROM imagerate WHERE ImageSN ='".$iPid."'"; 
    $table = mysql_query($selecT); 


    while($query = mysql_fetch_array($table)) 
    { 
     $imageInfo.=$query['imagesrc']; 
     } 


    require_once('classes/Services_JSON.php'); 
    $oJson = new Services_JSON(); 
    header('Content-Type:text/javascript'); 
    echo $oJson->encode(array(
     'data1' => '<img class="fileUnitSpacer" src="uploads/'. $imageInfo.'">' . $sPrevBtn . $sNextBtn , 
     'data2' => $sCommentsBlock, 
     'data3' => $sharewarning, 

    )); 
exit; 
} 

當圖像獲得點擊查看它這樣表示

edit_album.php 直到這個工作正常,但當我Ins ERT評論成功,我要刷新的意見,看看在那裏我得到擊中

jQuery代碼處理意見,並把它們插入新的評論,多數民衆贊成低於

function submitComment(id) { 
    var sName = $('#name').val(); 
    var sText = $('#text').val(); 

    if (sName && sText) { 
     $.post('acceptcomment.php', { action: 'accept_comment', name: sName, text: sText, id: id }, 
      function(data){ 

        if (data != '1') { 
         $('#comments_list').fadeOut(2000, function() { 

         $(this).html(data); 

         $(this).fadeIn(1000); 
    }); 

         $("#commentspsn").html('<span id="commentspan"> <b>comment Submitted</b></span>'); 


        } 

      } 
     ); 
    } else { 
     $('#comments_warning1').fadeIn(1000, function() { 
      $(this).fadeOut(1000); 
     }); 
    } 
}; 

acceptcomment.php代碼

$iItemId =(int)$_POST['id']; // prepare necessary information 
     $sIp = getVisitorIP(); 
     $sName = $_POST['name']; 
     $sText = $_POST['text']; 

     if ($sName && $sText) { 

      $sql = "SELECT ImageSN FROM comment_table WHERE ImageSN = '".$iItemId."' AND commentip = '".$sIp."' AND C_when >= 'UNIX_TIMESTAMP()-600' LIMIT 1"; 
      $query = mysql_query($sql); 
      $array = mysql_num_rows($query); 



      if ($array == 0) { 
       $insert = "INSERT INTO comment_table SET ImageSN = '".$iItemId."' , commentip = '".$sIp."' , C_when = UNIX_TIMESTAMP(), c_name = '".$sName."', c_text ='".$sText."'"; 
       $sql = mysql_query($insert); 

       $update= 'UPDATE imagerate SET comment_counts = comment_counts + 1 WHERE ImageSN = "'.$iItemId.'"'; 
       $query = mysql_query($update);     


       } 
       } 
        return 1; 

需要引導性

+0

後插入註釋,返回與適當的圖像ID的註釋,並使用更新的Javascript –

+0

你可以親切 –

回答

1

修改您接受的comment.php以返回如下代碼所示的json響應。

// prepare necessary information 
$iItemId =(int)$_POST['id']; 
$sIp = getVisitorIP(); 
$sName = $_POST['name']; 
$sText = $_POST['text']; 
$oJson = new Services_JSON(); 
if ($sName && $sText) { 

    $sql = "SELECT ImageSN FROM comment_table WHERE ImageSN = '".$iItemId."' AND commentip = '".$sIp."' AND C_when >= 'UNIX_TIMESTAMP()-600' LIMIT 1"; 
    $query = mysql_query($sql); 
    $array = mysql_num_rows($query); 

    if ($array == 0) { 
     $insert = "INSERT INTO comment_table SET ImageSN = '".$iItemId."' , commentip = '".$sIp."' , C_when = UNIX_TIMESTAMP(), c_name = '".$sName."', c_text ='".$sText."'"; 
     $sql = mysql_query($insert); 

     $update= 'UPDATE imagerate SET comment_counts = comment_counts + 1 WHERE ImageSN = "'.$iItemId.'"'; 
     $query = mysql_query($update); 


     $data = array("item_id"=>$iItemId,"name"=>$sName,"text"=>$sText); 
     return $oJson->encode($data); 
    } 
} 

return $oJson->encode(array("error"=>"Error while updating the comment")); 

在你的JavaScript代碼更新與接收到的文本

function submitComment(id) { 
    var sName = $('#name').val(); 
    var sText = $('#text').val(); 

    if (sName && sText) { 
     $.post('acceptcomment.php', { action: 'accept_comment', name: sName, text: sText, id: id }, 
      function(data){ 

       if (!data.error) { 
        $('#comments_list').fadeOut(2000, function() { 

         $(this).html(data.text); 

         $(this).fadeIn(1000); 
        }); 

        $("#commentspsn").html('<span id="commentspan"> <b>comment Submitted</b></span>'); 
       } 
      } 
     ); 
    } else { 
     $('#comments_warning1').fadeIn(1000, function() { 
      $(this).fadeOut(1000); 
     }); 
    } 
}; 
+0

謝謝解釋註釋部分你爲你的時間它的工作:) –