Results 1 to 13 of 13

Thread: facebook style wallpost- can post in realtime but when refresh i dont get prev posts!

Threaded View

  1. #1

    Thread Starter
    New Member
    Join Date
    Apr 2010
    Posts
    15

    facebook style wallpost- can post in realtime but when refresh i dont get prev posts!

    Hey guys,

    im having issues with showing current posts when i visit the page again on a facebbok like wall post script.

    it shows posts that im currently making fine but as soon as i go to refresh the page the posts disapear.

    i have added all the codes below in a file so u have all the script.

    Though i would add the main 4 bits of code here.

    Facebook_Wall_Script.PHP
    PHP Code:

    PHP Code
    :
    <!
    DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3
    .org/TR/xhtml1/DTD/xhtml1-transitional.dtd"
    ><html xmlns="http://www.w3.org/1999
    /xhtml"
    ><head><meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1
    /><title>9lessons Applicatio Demo</title><link href="frame.css" rel="stylesheet" type="text/css"><script type="text/javascript" 
    src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.0/jquery.min.js"></script>  <script type="text/javascript" src="jquery.oembed.js"></script>  <script 
    type
    ="text/javascript">$(function() {$(".comment_button").click(function() {var element
     
    = $(this);       var boxval = $("#content").val();        var dataString 'content='
    boxval;        if(boxval=='')    {    alert("Please Enter Some Text");        }    else    {    $("#flash").show();    $("#flash").fadeIn(400).html('<img src="ajax.gif" 
    align="absmiddle">&nbsp;<span class="loading">Loading Update...</span>'
    );$.ajax({   
         
    type"POST",  url"update_ajax.php",   datadataString,  cachefalse,  success
    function(
    html){   $("ol#update").prepend(html);  $("ol#update li:first").slideDown("slow");     document.getElementById('content').value='';   $('#content').value='';   $('#content').focus();  $("#flash").hide();          $("#expand_url").oembed(boxval);      } });}return false;    });// delete undate$('.delete_update').live("click",function() {var ID = $(this).attr("id");var dataString = 'msg_id='+ ID;if(confirm("Sure you want to delete this update? There is NO undo!")){$.ajax({        type: "POST",  url: "delete_update.php",   data: dataString,  cache: false,  success: function(html){  $(".bar"+ID).slideUp();      } });}return false;});//comment slide$('.comment').live("click",function() {var ID = $(this).attr("id");$(".fullbox"+ID).show();$("#c"+ID).slideToggle(300);return false;});//commment Submint$('.comment_submit').live("click",function() {var ID = $(this).attr("id");var comment_content = $("#textarea"+ID).val();        var dataString = 'comment_content='+ comment_content + '&msg_id=' + ID;        if(comment_content=='')    {    alert("Please Enter Comment Text");        }    else  
      
    {              $.ajax({        type"POST",  url"comment_ajax.php",   datadataString,  
    cachefalse,  success: function(html){     $("#commentload"+ID).append(html);    document.getElementById("textarea"+ID).value='';      $("#textarea"+ID).focus
    ();    } });            }return false;});//comment delete$('.cdelete_update').live
    ("click",function() {var ID = $(this).attr("id");var dataString 'com_id='ID;if(confirm
    ("Sure you want to delete this update? There is NO undo!")){$.ajax({        type"POST"
     
    url"delete_comment.php",   datadataString,  cachefalse,  success: function(html){  $("#comment"+ID).slideUp();      } });}return false;});return false;});</script><style type="text/css">body{font-family:ArialHelveticasans-serif;font-size:12px;}.update_box{background-color:#D3E7F5; border-bottom:#ffffff solid 1px; padding-top:3px}a    {    text-decoration:none;    color:#d02b55;    }    a:hover    {    text-
    decoration:underline;    color:#d02b55;    }    *{margin:0;padding:0;}            ol.timeline    {list-style:none;font-size:1.2em;}ol.timeline li{ display:none;position:relative; }ol.timeline li:first-child{border-top:1px dashed #006699;}    .delete_button    {    float:right; margin-right:10px; width:20px; height:20
    px    }        .cdelete_button    {    float:rightmargin-right:10pxwidth:20pxheight:20
    px    
    }        .feed_link    {    font-style:inheritfont-family:Georgiafont-size:13px;padding:10pxfloat:leftwidth:350px    }    .comment    {    color:#0000CC; text-decoration:underline    }    .delete_update    {    font-weight:bold;        }    .cdelete_update    {    font-weight:bold;        }    .post_box    {    height:55px;border-bottom:1px dashed #006699;background-color:#F3F3F3;  width:499px;padding:.7em 0 .6em 0;line-height:1.1em;        }    #fullbox    {    margin-top:6px;margin-bottom:6px; display:none;    }    .comment_box    {        display:none;margin-
    left:90pxpadding:10pxbackground-color:#d3e7f5; width:300px;  height:50
    px;        }    .comment_load    {      margin-left:90pxpadding:10pxbackground-color:#d
    3e7f5width:300pxheight:30pxfont-size:12pxborder-bottom:solid 1px #FFFFFF;        }    .text_area    {    width:290px;    font-size:12px;    height:30
    px;    }    #expand_box    {    margin-left:90px;    margin-top:5px;    margin-bottom:5
    px;    }    embed    {        width:200px;        height:150px;    }    
    </
    style></head><body><div align="center"><table cellpadding="0" cellspacing="0" width="500px"><tr><td><div align="left"><form  method="post" name="form" action=""><table 
    cellpadding
    ="0" cellspacing="0" width="500px"><tr><td align="left"><div align="left"><h3
    >What are you doing?</h3></div></td></tr><tr><td style="padding:4px; padding-left:10
    px;" 
    class="update_box"><textarea cols="30" rows="2" style="width:480px;font-size:14px; font-weight:bold" name="content" id="content" maxlength="145" 
    ></textarea><br /><input type="submit"  value="Update"  id="v" name="submit" 
    class="comment_button"/></td></tr></table></form></div><div style="height:7
    px"
    ></div><div id="flash" align="left"  ></div><ol  id="update" 
    class="timeline"></ol></td></tr></table></div></body></html
    comment_ajax.PHP
    PHP Code:
    <?php include("db.php");if(isSet($_POST['comment_content'])){$id=time();// Demo Use$comment=$_POST['comment_content'];$msg_id=$_POST['msg_id'];$sql=mysql_query("insert into comments(comment,msg_id_fk)values('$comment','$msg_id')");$result=mysql_query("select * from comments order by com_id desc");$row=mysql_fetch_array($result);$id=$row['com_id'];$comment=$row['comment'];}?> <div class="comment_load" id="comment<?php echo $id?>"> <?php echo $comment;  ?> <span class="cdelete_button"><a href="#" id="<?php echo $id?>" class="cdelete_update">X</a></span> </div>
    update_ajax.PHP
    PHP Code:
    <?phpinclude("../../settings.php");include("tolink.php");//if(isSet($_POST['content']))$id=time();//Demo Use$msg=$_POST['content'];$sql=mysql_query("insert into messages2(message)values('$msg')")or die(mysql_error());$result=mysql_query("select * from messages2 order by msg_id desc")or die(mysql_error());$row=mysql_fetch_array($result);$id=$row['msg_id'];$msg=$row['message'];$msg=toLink($msg);?> <li class="bar<?php echo $id?>"><div align="left" class="post_box"><span style="padding:10px"><?php echo $msg?> </span><span class="delete_button"><a href="#" id="<?php echo $id?>" class="delete_update">X</a></span><span class='feed_link'><a href="#" class="comment" id="<?php echo $id?>">comment</a></span></div><div id='expand_box'><div id='expand_url'></div></div><div id="fullbox" class="fullbox<?php echo $id?>"><div id="commentload<?php echo $id?>" ></div><div class="comment_box" id="c<?php echo $id?>"><form method="post" action="" name="<?php echo $id?>"><textarea class="text_area" name="comment_value" id="textarea<?php echo $id?>"></textarea><br /><input type="submit" value=" Comment " class="comment_submit" id="<?php echo $id?>"/></form></div></div></li>
    Last edited by Hack; Apr 23rd, 2010 at 11:25 AM.

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •  



Click Here to Expand Forum to Full Width