自己写了一个类似百度空间自动保存草稿的程序 php+jquery

可以异步加载mysql中的草稿~，异步更新草稿列表~

下载地址：http://download.csdn.net/source/3479156

代码：

demo.php

<?php

mysql_connect("localhost","root","root");

mysql_select_db("test");

mysql_query("SET CHARACTER SET GB2312");

if($_POST["Submit"]){

$title=trim($_POST["title"]);

$content=trim($_POST["content"]);

$paper_id=$_POST["paper_id"];

if($title!="" and $content!=""){

$query="select `paper_id` from `news` where `paper_id`=‘$paper_id‘";

$result=mysql_query($query);

$info=mysql_fetch_array($result);

if($info==""){

$query="insert into `news` (paper_id,title,content) values (‘$paper_id‘,‘$title‘,‘$content‘)";

}else{

$query="update `news` set `title`=‘$title‘,`content`=‘$content‘ where `paper_id`=‘$info[paper_id]‘";

}

if(mysql_query($query)){

echo "<script>alert(‘草稿保存成功！‘);history.back(-1);</script>";

}else{

echo "<script>alert(‘草稿保存失败！‘);history.back(-1);</script>";

}

}else{

echo "<script>alert(‘标题和内容均不能为空！‘);history.back(-1);</script>";

}

}

?>

<!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=gb2312" />

<title>php+jquery自动保存草稿</title>

<style>

body{

font-size:12px;

margin:0 auto;

line-height:20px;

}

</style>

<script language="JavaScript" type="text/javascript" src="jquery.js"></script>

<script>

function save_paper(){

var titleval=$("#title").val();

var contentval=$("#content").val();

var paper_idval=$("#paper_id").val();

var numbval=$("#numb span").text();

titleval=$.trim(titleval);

contentval=$.trim(contentval);

if(titleval!="" && contentval!=""){

$.post(

‘save_paper.php‘,

{

title:titleval,

content:contentval,

paper_id:paper_idval,

numb:numbval

},

function(data){

var returnmsg=‘‘;

eval(‘returnmsg=‘+data+";");

if(returnmsg.time!="" && returnmsg.numb!=""){

$("#returnmsg").html(returnmsg.time);

$("#numb span").html(returnmsg.numb);

if(returnmsg.id!="" && returnmsg.title!="" && returnmsg.tag!=""){

if(returnmsg.tag==1){

$("#format tr td:eq(0)").text(returnmsg.title);

$("#format tr td:eq(1) input:eq(1)").val(returnmsg.id);

$("#data tr:last").after($("#format tr").clone(true));

}else if(returnmsg.tag==2){

$("#data tr td input[value=‘"+returnmsg.id+"‘]").parent().prev().text(returnmsg.title);

}

}

}

}

);

}

}

function load_paper(obj){

var load_idval=obj.next().val();

if(load_idval!=""){

$.post(

‘load_paper.php‘,

{

id:load_idval

},

function(data){

var info=‘‘;

eval(‘info=‘+data+";");

$("#title").val(info.title);

$("#content").val(info.content);

$("#paper_id").val(info.paper_id);

}

);

}

}

$(document).ready(function(){

setInterval("save_paper();",15000);

$("input[name=‘load_paper‘]").click(function(){

load_paper($(this));

});

});

</script>

</head>

<body>

<div align="center">

<div id="returnmsg" style="border:1px solid #0099FF;background:#00CC33;width:400px;height:20px;"></div>

<div id="numb" style="border:1px solid #0099FF;background:#0099FF;width:400px;height:20px;">

草稿箱(<span style="font-weight:bold">

<?php

$query="select COUNT(`id`) as `numb` from `news`";

$result=mysql_query($query);

$info=mysql_fetch_array($result);

echo $info["numb"];

?>

</span>)

</div>

<br /><br />

<form action="" method="post" name="form1">

标题：<input name="title" type="text" id="title" size="100" />

<br /><br />

内容：<textarea name="content" id="content" cols="100" rows="10"></textarea>

<br /><br />

<input name="Submit" type="submit" value="保存草稿" />

<input name="paper_id" id="paper_id" type="hidden" value="<?php echo (time()+28800).rand(0,10000);?>" />

</form>

<hr />

<table  id="data" width="600" border="1" cellspacing="0" cellpadding="0" style="border-collapse:collapse;text-align:center;">

<tr>

<th colspan="2">草稿箱中的草稿</th>

</tr>

<?php

$query="select * from `news`";

$result=mysql_query($query);

while($info=mysql_fetch_array($result)){

?>

<tr>

<td><?php echo $info["title"];?></td>

<td><input name="load_paper" type="button" value="加载草稿" /><input name="load" type="hidden" value="<?php echo $info[‘id‘];?>" /></td>

</tr>

<?php

}

?>

</table>

<table id="format" style="display:none;">

<tr>

<td>&nbsp;</td>

<td><input name="load_paper" type="button" value="加载草稿" /><input name="load" type="hidden" value="" /></td>

</tr>

</table>

</div>

</body>

</html>

load_paper.php

<?php

mysql_connect("localhost","root","root");

mysql_select_db("test");

mysql_query("SET CHARACTER SET UTF8");

$id=trim($_POST["id"]);

if($id!=""){

$query="select * from `news` where `id`=‘$id‘";

$result=mysql_query($query);

$info=mysql_fetch_array($result);

echo json_encode($info);

}

?>

save_paper.php

<?php

mysql_connect("localhost","root","root");

mysql_select_db("test");

mysql_query("SET CHARACTER SET UTF8");

$title=trim($_POST["title"]);

$content=trim($_POST["content"]);

$paper_id=trim($_POST["paper_id"]);

$numb=trim($_POST["numb"]);

if($title!="" and $content!=""){

$query="select * from `news` where `paper_id`=‘$paper_id‘";

$result=mysql_query($query);

$info=mysql_fetch_array($result);

$timestamp=date("Y-m-d H:i:s",time()+28800);

if($info==""){

$query="insert into `news` (paper_id,title,content) values (‘$paper_id‘,‘$title‘,‘$content‘)";

if(mysql_query($query)){

$id=mysql_insert_id();

$returnmsg=array("time"=>($timestamp."自动保存草稿成功！"),"numb"=>($numb+1),"id"=>$id,"title"=>$title,"tag"=>1);

}else{

$returnmsg=array("time"=>($timestamp."自动保存草稿失败！"),"numb"=>$numb,"id"=>"","title"=>"");

}

}else{

if($info[‘title‘]!=$title or $info["content"]!=$content){

$query="update `news` set `title`=‘$title‘,`content`=‘$content‘ where `paper_id`=‘$paper_id‘";

if(mysql_query($query)){

$returnmsg=array("time"=>($timestamp."自动保存草稿成功！"),"numb"=>$numb,"id"=>$info["id"],"title"=>$title,"tag"=>2);

}else{

$returnmsg=array("time"=>($timestamp."自动保存草稿失败！"),"numb"=>$numb,"id"=>"","title"=>"");

}

}else{

$returnmsg=array("time"=>"","numb"=>"","id"=>"","title"=>"");

}

}

echo json_encode($returnmsg);

}

?>

news.sql

-- phpMyAdmin SQL Dump

-- version 3.1.5-rc1

-- http://www.phpmyadmin.net

--

-- 主机: localhost

-- 生成日期: 2010 年 10 月 02 日 06:20

-- 服务器版本: 5.0.18

-- PHP 版本: 5.2.8

SET SQL_MODE="NO_AUTO_VALUE_ON_ZERO";

/*!40101 SET @[email protected]@CHARACTER_SET_CLIENT */;

/*!40101 SET @[email protected]@CHARACTER_SET_RESULTS */;

/*!40101 SET @[email protected]@COLLATION_CONNECTION */;

/*!40101 SET NAMES utf8 */;

--

-- 数据库: `test`

--

-- --------------------------------------------------------

--

-- 表的结构 `news`

--

CREATE TABLE IF NOT EXISTS `news` (

`id` int(11) unsigned NOT NULL auto_increment,

`paper_id` varchar(15) NOT NULL,

`title` varchar(256) NOT NULL,

`content` varchar(256) NOT NULL,

PRIMARY KEY  (`id`)

) ENGINE=InnoDB DEFAULT CHARSET=gb2312 AUTO_INCREMENT=1 ;

--

-- 导出表中的数据 `news`

--

时间： 2024-08-09 14:48:38

自己写了一个类似百度空间自动保存草稿的程序 php+jquery的相关文章

使用 Ajax自动保存草稿

在博客.论坛等的编辑框上加入自动保存功能,这已经是标准配置了,使用 jQuery会很方便. <script type="text/javascript"> //自动保存函数 function AutoSave() { var biaoti = $("#biaoti_aep").val(); var neirong = $("#neirong_aep").val(); $("#tixing").empty(); $(

用Unity写了一个类似汤姆猫自动检测说话功能

简单的把脚本加到摄像机上就行 下面是我写的脚本,有个问题 因为是自动调用检测的 调用录音unity调用有延时 会出现一些延时小问题,可以参考我的代码 改改 做个通过按钮点击录音结束播放录音还是能实现的 using System.Collections.Generic; using UnityEngine; using System.Collections; public class Tom2 : MonoBehaviour { //public float power = 1; //public

类似百度输入框自动完成

1.前台代码 <%@ Page Language="C#" AutoEventWireup="true" CodeBehind="InputAutoCompelete.aspx.cs" Inherits="HraWeb.InputAutoCompelete" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"

用Go写了一个类似Proxy的小程序,可以用来访问goolge个人使用还是可以的.

package main import ( "fmt" "io" "net/http" ) func main() { http.HandleFunc("/", route) e := http.ListenAndServe(":80", nil) if e != nil { fmt.Println(e) } } func route(w http.ResponseWriter, r *http.Reque

深夜脑洞，写了一个可以推算火车票身份证号码的小程序

1. 火车票上*号打的是月,日,理论上的有最大366种组合: 2. 校验码是最后的一位,0-9及X,11个结果: 3. 那么,通过火车票上的身份证号,可以得到33个左右真正的有效身份证号: 4. 如果你能知道对方的星座(嗯,大家不是经常曝自己是什么星座么),那么,再将这30多个结果映射到12个星座中,最终可能性只有2-3个... 5. 结论:晒车票,一定要打码 using System; using System.Collections.Generic; using System.Linq; u

SpringMVC+springSecurity+flexPaper 配置--类似百度文库在线预览

背景:现在项目需要做一个类似百度文库的在线预览功能,在网上找了下很多人推荐使用FlexPaper,所以今天尝试学习了FlexPaper顺便集成到现有的框架中 由于网上目前的说的都不是很详细,所以现在记录在此,希望对需要的人有所帮助 准备:1. FlexPaper_2.2.4.zip 下载地址:http://flexpaper.devaldi.com/download/             2.swftools 下载地址:http://www.swftools.org/download.htm

ajax+JQuery实现类似百度智能搜索框

最近再学习ajax,上课老师让我们实现一个类似百度首页实现搜索框的功能,刚开始做的时候没有一点头绪,查阅大量网上的资源后,发现之前的与我们现在的有些区别,所以在此写出来,希望能对大家有所帮助. 下面先展示下效果图:(ps:图片中的文字是参考的,不具有任何的攻击意义) 项目的目录结构: 一:首先是login.jsp页面 需要注意的是我是通过js的类库(Jquery)封装的ajax,需要在webcontent下面导入jquery jar包,代码如下: <%@ page language="ja

利用FlashPaper实现类似百度文库功能

最近需要实现一个类似百度文库的功能,在Google上淘了一段时间,发现FlashPaper还算能够不错的实现此需求. 首先讲下思路: 1>安装FlashPaper: 2>利用java代码将doc等文件转换为swf文件: 3>页面展示swf即可. 关于FlashPaper的使用及安装这里就不再赘述,网上的资料很多,可以自行Google. 下面是java下如何利用FlashPaper将doc等文件转化为swf文件--> @param swfName 指定生成的swf文件名@param

用汇编语言给XP记事本添加“自动保存”功能 good

[文章标题]: 用汇编语言给XP记事本添加“自动保存”功能 [文章作者]: newjueqi [作者邮箱]:[email protected] [作者QQ]:190678908 [使用工具]: OD, LordPE,eXeScope[操作平台]: XP-SP2[作者声明]: 本人平时一般的文字处理都是用记事本(用Word好像大材小用了),电脑自从拿去大修后有时候会莫名其妙的重启,弄得经常重写(本人常常忘记保存^-^),于是想给记事本增加类似于Word的自动保存功能,以图个方便.失误之处敬请诸位大