uchome工作筆記--添加微新聞功能

2024-08-30 19:06:56

字體：大中小

來源：轉載

供稿：網友

微新聞功能介紹:

微新聞即短小的新聞新聞,像新鮮事,微博一樣.

功能有:用戶通過即時窗口發布,其他用戶可以在第一條微新聞下的直接進行回復評論.

在UCHOME中添加功能具體方法如下:

1、建立發布微新聞的頁面:

以下是發布微新聞的發布框,可用更新個人簽名的模塊來修改,稱為頁面a.html:

<div id="mood_wxwform">

    <form method="post" action="cp.php?ac=mnews" id="mood_addwxwform">

        <div id="mood_statusinput_wxw" class="statusinput_wxw"><textarea name="message" id="mood_message_wxw" onclick="statusFace();" onkeydown="if(event.keyCode == 13 ){ event.returnValue=false;event.cancel = true;$('mood_add_wxw').click();$('mood_message_wxw').value='';this.blur(); };" >你可以在這里發布你相關的所見所聞，分享給大家！</textarea></div>

        <div class="statussubmit_wxw">

            <input type="button" id="mood_add_wxw" name="add_wxw" value="發布" class="submit" style="display:block;" onclick="ajaxpost('mood_addwxwform', 'reloadMood');$('mood_message_wxw').value='';" />

            <input type="hidden" name="addsubmit" value="true" />

            <input type="hidden" name="spacenote" value="true" />

            <input type="hidden" name="formhash" value="" />

        </div>



    </form>

</div>

a.html顯示微新聞部分:

<div id="mood_mystatus_wxw">





<table style="width:620px; margin-top:10px;"><tr><td style="vertical-align:top; padding-top:5px; width:50px;"></td>

<td style="vertical-align:top; padding-left:10px;">

<div style="height:auto; font-size:14px; color:#617d80; line-height:22px;"><span style="color:#124a83; font-weight:bold;">$r[username]</span>：$r[message]</div>

<br/>

<div style="height:25px; font-size:12px; color:#617d80; list-style:22px;">

  

        <span class="gray"></span>

        

        </div>

</td></tr></table>





    <div class="page" style="padding-top:20px;">

        <a href="javascript：;" onclick="getmore();" id="a_feed_more">查看更多動態</a>

    </div>

    



</div>

<div id="friendswxw" style="display:none;">





<table style="width:620px; margin-top:10px;"><tr><td style="vertical-align:top; padding-top:5px; width:50px;"></td>

<td style="vertical-align:top; padding-left:10px;">

<div style="height:auto; font-size:14px; color:#617d80; line-height:22px;"><span style="color:#124a83; font-weight:bold;">$r[username]</span>：$r[message]</div>

<br/>

<div style="height:25px; font-size:12px; color:#617d80; list-style:22px;">

  

        <span class="gray"></span>

        

         <span style="margin-left:15px; color:#124981;">



        (<a href="javascript：;" onclick="dowxwcomment_get('dowxwcomment_$r[newsid]', 1);" id="dowxw_a_op_$r[newsid]">回復</a>)

        (<a href="cp.php?ac=share&type=blog&id=$blog[blogid]" id="a_share" onclick="ajaxmenu(event, this.id, 1)" class="a_share">分享</a>)  //開源軟件:Vevb.com

</span></div>

<div id="dowxwcomment_$r[newsid]" style="display:none;"></div>

</td></tr></table>





<span class="gray">好友還沒有發布微新聞！</span>



</div>

相應的a.php頁面:

//分頁

$perpage =5; //;$_SCONFIG['feedmaxnum']<50?50:$_SCONFIG['feedmaxnum'];

$start = 0;

if($_GET['pages']>1)

{

    $perpage=$perpage*$_GET['pages'];

    }

$perpage = mob_perpage($perpage);



$query= $_SGLOBAL['db']->query("SELECT a.newsid,a.username,a.uid,a.dateline,b.message FROM ".tname('m_news')." as a left join ".tname('m_newsfield')." as b on a.newsid=b.newsid where a.uid=".$space[uid]." order by dateline desc LIMIT $start,$perpage");

$count = $filtercount = 0;

$wxwlist=array();

while ($value=$_SGLOBAL['db']->fetch_array($query)) {



            $wxwlist[] = $value;

            $count++;

        };

調用的JS代碼,也同樣用個性簽名的來做修改:

<script type="text/javascript">

    function statusFace() {

        if($('mood_message_wxw').value == '你可以在這里發布你相關的所見所聞，分享給大家！'){

            $('mood_message_wxw').value = '';

        }

        $('mood_statusinput_wxw').style.zIndex = '20000';

        $('mood_statusinput_wxw').className = 'statusinput2_wxw';





        var div = $('mood_face_bg');

        if(div) {

            div.parentNode.removeChild(div);

        }

        div = document.createElement('div');

        div.id = 'mood_face_bg';

        div.style.position = 'absolute';

        div.style.left = div.style.top = '0px';

        div.style.width = '100%';

        div.style.height = document.body.scrollHeight + 'px';

        div.style.backgroundColor = '#000';

        div.style.zIndex = 10000;

        div.style.display = 'none';

        div.style.filter = 'alpha(opacity=0)';

        div.style.opacity = 0;

        div.onclick = function() {

            hiddenstatus();

        }

        $('append_parent').appendChild(div);





        if($('mood_message_wxw_menu') != null) {

            $('mood_message_wxw_menu').style.display = '';

            $('mood_add_wxw').style.display = '';

        } else {

            var faceDiv = document.createElement("div");

            faceDiv.id = 'mood_message_wxw_menu';

            faceDiv.className = 'facebox';

            faceDiv.style.position = 'absolute';

            var faceul = document.createElement("ul");

            for(i=1; i<31; i++) {

                getStatusFace(i, faceul);

            }

            faceDiv.appendChild(faceul);

            $('append_parent').appendChild(faceDiv);

        }

        //定位菜單

        setMenuPosition('mood_message_wxw', 0);

        div.style.display = '';

    }



    function hiddenstatus() {

        $('mood_message_wxw_menu').style.display = 'none';

        $('mood_face_bg').style.display = 'none';

        $('mood_statusinput_wxw').className = 'statusinput_wxw';

        if($('mood_message_wxw').value == ''){

            $('mood_message_wxw').value = '你可以在這里發布你相關的所見所聞，分享給大家！';

        }

        $('mood_statusinput_wxw').style.zIndex = '1';

    }



    function getStatusFace(i, faceul) {

        var faceli = document.createElement("li");

        faceli.innerHTML = '<img src="image/face/'+i+'.gif" style="cursor:pointer; position:relative;" />';

        faceli.getElementsByTagName('img').item(0).onclick = function(){var faceText = '[em:'+i+':]'; if($('mood_message_wxw') != null) { insertContent('mood_message_wxw', faceText); }};

        faceul.appendChild(faceli);

    }



    function reloadMood(showid, result) {

        var x = new Ajax();

        x.get('cp.php?ac=mnews&op=getwxw', function(s){

            $('mood_mystatus_wxw').innerHTML = s;

        });

        //提示獲得積分

        showreward();

        hiddenstatus();

    }

</script>

以上就完成了發布框的與微新聞信息的顯示,接下來看如果發布微新聞,當點擊發布按鈕時:

<input type="button" id="mood_add_wxw" name="add_wxw" value="發布" class="submit" style="display:block;" onclick="ajaxpost('mood_addwxwform', 'reloadMood');$('mood_message_wxw').value='';" />

表單提交到mnews.php:

<form method="post" action="cp.php?ac=mnews" id="mood_addwxwform">

mnews.php代碼部分：

[html] view plaincopyprint?

if(submitcheck('addsubmit')) {

    if(emptyempty($mnews['newsid']))

    {

        $mnews = array();

    }

    else

    {

        if(!checkperm('allowmblog'))

        {

            ckspacelog();

            showmessage('no_authority_to_add_log');

        }

    }



    include_once(S_ROOT.'./source/function_mnews.php');

    //入庫

    if($newmnews = mnews_post($_POST, $mnews)) {

          //開源軟件:Vevb.com

            $aa="1";

     }

}

至此發布功能完成,接下來是回復,回復延用動態信息的回復框:

<span id="dowxwcomment_form_{$newsid}_{$id}">

    <form id="dowxwcommform_{$newsid}_{$id}" method="post" action="cp.php?ac=comment" style="padding-left:10px;">

        <a href="#" id="do_face_{$newsid}_{$id}" title="插入表情" onclick="showFace(this.id, 'do_message_{$newsid}_{$id}');return false;"><img src="image/facelist.gif" align="absmiddle" /></a>

        <input type="text" id="do_message_{$newsid}_{$id}" name="message" size="35" class="t_input" onkeydown="return ctrlEnter(event, 'dowxwcommform_btn_{$newsid}_{$id}', 1);">

        <input type="hidden" name="commentsubmit" value="true" />

        <input type="hidden" name="idtype" value="newsid">

         <input type="hidden" name="id" value="{$newsid}">

        <input type="button" name="do_button" class="submit" id="dowxwcommform_btn_{$newsid}_{$id}" onclick="ajaxpost('dowxwcommform_{$newsid}_{$id}', 'dowxwcomment_get', 1)" value="回復">

        <button type="button" name="btncancel" class="button" onclick="dowxwcomment_form_close($newsid, $id);">取消</button>

        <input type="hidden" name="formhash" value="" />

    </form>

    <div id="__dowxwcommform_{$newsid}_{$id}"></div>

    </span>

以上表單,提交到:

action="cp.php?ac=comment"，完成入庫，統計，權限判斷等操作后返回請求頁面

if($_POST['idtype']=='newsid')

    {

        $url='cp.php?ac=mnews&op=getcomment';

        }

    showmessage($msg, $url, 0, $magvalues);