js發布消息列表代碼的簡單介紹

本文目錄一覽：

• 1、怎麼樣通過js實時彈出新消息提示框並有音響起的實現代碼
• 2、php中信息發布成功跳出JS提示框代碼
• 3、Ext js的彈出各種消息代碼
• 4、點擊上傳，發表，發起，話題，發起這五個鏈接詞時，怎樣用js控制彈出一個消息框顯示一句話，重點js該怎樣

怎麼樣通過js實時彈出新消息提示框並有音響起的實現代碼

1、加入語音提示

audio id=”sound” autoplay=”autoplay”

動態加入播放語音文件代碼：

document.getElementById(“sound”).src=”%=basePath%admin/media/global.wav”;

2、動態彈出消息提示框：

在此處我導入了jquery.gritter.js和jquery.gritter.css,具體實現代碼：

jQuery(document).ready(function() {

setInterval(function(){

$.post(‘ajax/linecheck’,function(data){

var json=eval(“(“+data+”)”);

$.each(json,function(index,item){

$(“#line”+item.id).html(“”)

$.each(item.localList,function(index,item2){

if(item2.attendOCList!=””){

$(“#line”+item.id).append(“li class=’in’ id=’in”+item2.id+”‘div class=’avatar'”

+item2.location+”/divdiv class=’message’ul id=li”+item2.id+”/ul/div/li”)

}

$.each(item2.attendOCList,function(index,item3){

if(item3.status==0){

$(“#li”+item2.id).append(“li class=’user’span class=’username'”+item3.person_name

+”/spanbrspan style=’color:red;’ class=’username’時間: “

+ item3.today+” “+item3.times +”/spanbrspan class=’username’電話:”

+item3.person_phone+”/spanbrspan class=’username’身份證:”

+item3.card_id+”/span/lihr”);

}else{

$(“#li”+item2.id).append(“li class=’user’span class=’username'”

+item3.person_name+”/spanbrspan style=’color:red;’ class=’username’時間: “

+ item3.today+” “+item3.times +”/spanbrspan class=’username’電話:”

+item3.person_phone+”/spanbrspan class=’username’身份證:”

+item3.card_id+”/span/lihr”);

document.getElementById(“sound”).src=”%=basePath%admin/media/global.wav”;

setTimeout(function () {

var unique_id = $.gritter.add({

title: item3.person_name+”(“+item2.location+”)”,

text:”span class=’username'”+item3.person_name

+”/spanbrspan style=’color:red;’ class=’username’時間: “

+ item3.today+” “+item3.times +”/spanbrspan class=’username’電話:”

+item3.person_phone+”/spanbrspan class=’username’身份證:”+item3.card_id+”/span”,

sticky: true,

time: ”,

class_name: ‘my-sticky-class’

});

setTimeout(function () {

$.gritter.remove(unique_id, {

fade: true,

speed: ‘slow’

});

}, 12000);

}, 2000);

}

});

});

php中信息發布成功跳出JS提示框代碼

PHP 彈出JS 提示框示例代碼：

?php

header(“Content-type:text/html;charset=utf-8;”);

$conn=mysql_connect(“localhost”,”root”,”root”);

if(!$conn){

    die(“資料庫連接出錯。”.mysql_error());

}

mysql_select_db(“test”);

$sql=”insert into table(id,name)values(1,’chinawinxp’)”;

$int=mysql_query($sql);

//信息添加或者發布成功

if($int){

    $msg=”信息發布成功！”;

    echo (“script type=’text/javascript'”);

    echo (“alert(‘{$msg}’);”);

    //url跳轉

    echo (“location.href=’test.php’;”);

    echo (“/script”);

}

?

運行效果：

Ext js的彈出各種消息代碼

/**

* 彈出一般消息，有時間限制

*/

xJsonTool.prototype.showMsg = function (msg, time) {

Ext.MessageBox.show({

title: ‘提示’,

msg: msg,

buttons: Ext.MessageBox.OK,

icon: Ext.MessageBox.INFO

});

setTimeout(function(){Ext.MessageBox.hide();},time);

};/**

* 彈出提示消息

*/

xJsonTool.prototype.info = function (msg, vfn) {

Ext.MessageBox.show({

title: ‘提示’,

msg: msg,

fn:vfn,

buttons: Ext.MessageBox.OK,

icon: Ext.MessageBox.INFO

});

};/**

* 彈出警告消息

*/

xJsonTool.prototype.warn = function (msg, vfn) {

Ext.MessageBox.show({

title: ‘警告’,

msg: msg,

fn:vfn,

buttons: Ext.MessageBox.OK,

icon: Ext.MessageBox.WARNING

});};/**

* 彈出錯誤信息

*/

xJsonTool.prototype.error = function (msg, vfn) {

Ext.MessageBox.show({

title: ‘錯誤’,

msg: msg,

fn:vfn,

buttons: Ext.MessageBox.OK,

icon: Ext.MessageBox.ERROR

});};/**

* 彈出確認信息

*/

xJsonTool.prototype.confirm = function (msg,vfn) {

Ext.MessageBox.show({

title: ‘確認消息’,

msg: msg,

width:300,

buttons: Ext.MessageBox.OKCANCEL,

fn: function(btn){

if(btn==’ok’)

if(vfn)

vfn(btn);

},

icon: Ext.MessageBox.QUESTION

});

};

點擊上傳，發表，發起，話題，發起這五個鏈接詞時，怎樣用js控制彈出一個消息框顯示一句話，重點js該怎樣

我舉個例子a href=”cp.php?ac=upload” class=”gray”

name=”shangchuanBlum” onfocus=”checkLimit” onclick=”checkLimit()”上傳/a

改成

a href=”javascript:;” class=”gray” name=”shangchuanBlum” onclick=”checkLimit(1)”上傳/a

然後

function checkLimit(t){

if(xxxx){

alert(‘你沒登陸！！！’);

return false;//或者window.location調到登陸頁

}else{

if(t==1){

window.location.href=”cp.php?ac=upload”;

}

}

}