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”;

}

}

}