刺客 » AJAX http://blog.cike.org 刘益民中文网 Mon, 03 May 2010 06:23:27 +0000 http://wordpress.org/?v=2.9.2 en hourly 1 Ajax简易实现编辑模块锁定 http://blog.cike.org/2010/ajax-write-only/ http://blog.cike.org/2010/ajax-write-only/#comments Sat, 20 Mar 2010 02:05:16 +0000 cike http://blog.cike.org/?p=603 多编辑人员同时维护一个模板，常会遇到新旧数据同步引起回档问题，早上写了一个模块锁定，效果待日后检验

<script src=”http://www.google.com/jsapi”></script>
<script type=”text/javascript”>google.load(“jquery”, “1.3.1″);</script>
<script type=”text/javascript”>

editFirstflag = 0; //第一次编辑标志
checkTime = 5000; //检测时间间隔
$(function(){
	checkFileTime = setInterval("checkFile()",checkTime); // 检测可否编辑定时器
});

function checkFile(){
	$.get("test.php", {id: "2", name: "abc" },
		function(data){
			if(data == 0){// 可以编辑
				updateEditTime(); //定时更新日期
			}else{//不可编辑
				$('#form').hide(); //隐藏编辑框
				$('#dialog').html(data); //提示消息
			}
		}
	);
}
function updateEditTime(){
	$.ajax({
		 url: "updateEdittime.php",
		cache: false,
		success: function(html){
			if(editFirstflag == 0){//首次编辑
				//加载最新content
				$.get("updateContent.php", {id: "2", name: "abc" },function(str){
						//alert(typeof checkFileTime);
						if(checkFileTime)clearInterval(checkFileTime); //清除判断是否可编辑计时器
						$('#content').val(str);
						$('#dialog').html('');//清除提示
						$('#form').show();//显示编辑框
						editFirstflag = 1; //标志改为非第一次编
				})
			}
			setTimeout("checkFile()",checkTime); // 更新编辑时间定时器
		}  

	});
}
checkFile();

</script>

]]> http://blog.cike.org/2010/ajax-write-only/feed/ 0 [威视周刊-4]第三方幻灯调用方法 http://blog.cike.org/2009/ccvms-focus-diy/ http://blog.cike.org/2009/ccvms-focus-diy/#comments Thu, 06 Aug 2009 16:08:10 +0000 cike http://blog.cike.org/?p=476 幻灯演示：唯色色视频http://wisese.cn 欢迎送IP

这里的幻灯可不是手写的，完全是调用后台首页播放器设置，是用了我的1.5仿迅雷看看模板的切换效果

原理很简单：
1、找到后台设置幻灯后XML存放的路径:attachments/index_img_list.xml
2、查看一下结果是一个 image 附加了标题、链接、描述、图片信息
3、用Jquery解析组合成你要的格式
4、新的幻灯片就这样产生了

提供我的代码供参考：

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22

 
$(funtion(){
        var FoucsArr=[];
        $.get('attachments/index_img_list.xml', function(d){
                //遍历XML中每一个image，即每个幻灯
                $(d).find('image').each(function(){
                        var $image = $(this);
                        //设置成果全保存在FoucsArr这个二维数据里了，转化成纯JS数组，至此与XML无关了
                        FoucsArr.push([$image.attr("title"),$image.attr("desc"),$image.attr("src"),$image.attr("address")]);
                });
                //下面是我的发挥
                var Fs=Fb="";
                for(var i=0;i<foucsArr.length;i++){
                        Fb+="<li class='big-pic'><a href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /></a></li>";
                        Fs+="<li id='SwitchLi_"+i+"'><a id='SwitchSmaPic_"+i+"' href='"+FoucsArr[i][3]+"'><img src='"+FoucsArr[i][2]+"' /><strong>"+FoucsArr[i][0]+"</strong>"+FoucsArr[i][1]+"</a></li>";
                };
                //生成HTML到指定DIV中
                $("#foucs").html("<ul class='big-pic' id='SwitchBigPic'>"+Fb+"</ul><ul class='pic-list'>"+Fs+"</ul>");
                //迅雷看看幻灯调用
                BigNews.init(MovieRecom);
        });
})
]]> http://blog.cike.org/2009/ccvms-focus-diy/feed/ 0 基于jQuery的wordpress Ajax留言本 http://blog.cike.org/2008/wordpress-ajax-guestbook/ http://blog.cike.org/2008/wordpress-ajax-guestbook/#comments Sun, 14 Dec 2008 16:20:49 +0000 cike http://blog.cike.org/?p=309 从zblog转到wp，入手不到一周，用周未一天制作wordpress Ajax留言本，主要特点：

  1. 基于Jquery的Ajax提交
  2. 自动提取日志中的评论，支持回复、审核
  3. 支持纯留言发布

演示http://blog.cike.org/guestbook/

即将完善：

  1. 完善分页部分 [update 20090117 ，load get方式加载，所以你看到了#p]
  2. 增加表单判断
  3. 如果有时间，区分评论与留言，评论内容将显示相应的日志名称
  4. 支持avatar头像[update 20090317 ]
]]> http://blog.cike.org/2008/wordpress-ajax-guestbook/feed/ 0 无意中发现的AJAX图片浏览器SimpleViewer http://blog.cike.org/2007/simpleviewer/ http://blog.cike.org/2007/simpleviewer/#comments Sun, 08 Apr 2007 01:28:45 +0000 cike http://temp.cike.org/2007/04/%e5%8f%88%e5%8f%91%e7%8e%b0%e4%b8%aaajax%e5%9b%be%e7%89%87%e6%b5%8f%e8%a7%88%e5%99%a8simpleviewer/ 又发现个AJAX图片浏览器SIMPLEVIEWER ,SimpleViewer is a free, customizable Flash image viewing application.

]]> http://www.airtightinteractive.com/simpleviewer/

  • SimpleViewer Demo 1 - Hi-Res images
  • SimpleViewer Demo 2 - Lo-Res imagesDownload SimpleViewer v1.8 (zip file – 43k)

    Note: Some of the gallery generation methods are not yet compatible with SimpleViewer v1.8. You can download the previous version of SimpleViewer (v1.7.1) here.

    Features:

    • Intelligent image pre-loading.
    • Intuitive image navigation
    • Lightweight (17k).
    • Customizable interface – Set text color, frame color and width, navigation position.
    • Resizable interface – Interface scales to fit browser window.
    • Cross platform – Windows/Macintosh/Linux (requires Flash 7 or higher).
    • Flash 7 detection. Users without Flash 7 are messaged to upgrade Flash.
    • International font support.
    • Keyboard Navigation (Cursor keys, Home, End, Page Up/Down)
    • Mousewheel navigation
    • Optionally right-click to open image in a new window.
    • Free!

    Using SimpleViewer:

    Creating your own SimpleViewer gallery is easy. View instructions on how to use SimpleViewer.

    Frequently Asked Questions

    Please check here first if you have a question about using SimpleViewer. View Frequently Asked Questions.

    Support

    Get support for questions and issues regarding SimpleViewer.

    SimpleViewer-Pro

    SimpleViewer-Pro is now available for purchase. SimpleViewer-Pro has increased customization options and does not include the download link. Learn more about SimpleViewer-Pro.

    Other Airtight Image Viewers

    If you like SimpleViewer you may also like these 2 alternative image viewers by Airtight:

    Version History and Credits

    View Version History and Credits.

    Terms of Use:

    SimpleViewer may be used in any kinds of personal and/or commercial projects. Please ensure that the SimpleViewer download link in the bottom right corner is clearly visible.

    SimpleViewer may not be redistributed or resold to other companies or third parties. Specifically, SimpleViewer may not be redistributed as part of a content management system or online hosting solution. If you are interested in redistributing SimpleViewer, please contact me for unlimited licensing terms.

    SimpleViewer © Felix Turner 2007. All rights reserved

    simpleviewer1.8.zip

]]> http://blog.cike.org/2007/simpleviewer/feed/ 0 [R]AJAX中同时发送多个请求XMLHttpRequest对象处理 http://blog.cike.org/2007/xmlhttprequests/ http://blog.cike.org/2007/xmlhttprequests/#comments Wed, 07 Mar 2007 16:36:01 +0000 cike http://temp.cike.org/2007/03/ajax%e4%b8%ad%e5%90%8c%e6%97%b6%e5%8f%91%e9%80%81%e5%a4%9a%e4%b8%aa%e8%af%b7%e6%b1%82xmlhttprequest%e5%af%b9%e8%b1%a1%e5%a4%84%e7%90%86/ 在ajax应用中，通常一个页面要同时发送多个请求，如果只有一个XMLHttpRequest对象，前面的请求还未完成，后面的就会把前面的覆盖掉，如果每次都创建一个新的XMLHttpRequest对象，也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池，如果池里有空闲的对象，则使用此对象，否则将创建一个新的对象。

]]> 在ajax应用中，通常一个页面要同时发送多个请求，如果只有一个XMLHttpRequest对象，前面的请求还未完成，后面的就会把前面的覆盖掉，如果每次都创建一个新的XMLHttpRequest对象，也会造成浪费。解决的办法就是创建一个XMLHttpRequset的对象池，如果池里有空闲的对象，则使用此对象，否则将创建一个新的对象。

下面是我最近写的一个简单的类：

* XMLHttpRequest Object Pool
 *
 * @author    legend <legendsky@hotmail.com>
 * @link      http://www.ugia.cn/?p=85
 * @Copyright www.ugia.cn
 */ 
var XMLHttp = {
    _objPool

: [],
    _getInstance: function ()
    {
        for (var i = 0; i < this._objPool.length; i ++)
        {
            if (this._objPool[i].readyState == 0 || this._objPool[i].readyState == 4)
            {
                return this._objPool[i

];
            }
        }
        // IE5中不支持push方法
        this._objPool[this._objPool.length] = this._createObj

();
        return this._objPool[this._objPool.length - 1

];
    },
    _createObj: function ()
    {
        if (window.XMLHttpRequest)
        {
            var objXMLHttp = new XMLHttpRequest

();
        }
        else
        {
            var MSXML = ['MSXML2.XMLHTTP.5.0', 'MSXML2.XMLHTTP.4.0', 'MSXML2.XMLHTTP.3.0', 'MSXML2.XMLHTTP', 'Microsoft.XMLHTTP'];
            for(var n = 0; n < MSXML.length; n ++)
            {
                try
                {
                    var objXMLHttp = new ActiveXObject(MSXML[n]);
                    break;
                }
                catch(e

)
                {
                }
            }
         }          
        // mozilla某些版本没有readyState属性
        if (objXMLHttp.readyState == null)
        {
            objXMLHttp.readyState = 0

;
            objXMLHttp.addEventListener(“load”, function ()
                {
                    objXMLHttp.readyState = 4

;
                    if (typeof objXMLHttp.onreadystatechange == “function”)
                    {
                        objXMLHttp.onreadystatechange();
                    }
                },  false

);
        }
        return objXMLHttp

;
    },
    // 发送请求(方法[post,get], 地址, 数据, 回调函数)
    sendReq: function (method, url, data, callback)
    {
        var objXMLHttp = this._getInstance

();
        with(objXMLHttp)
        {
            try
            {
                // 加随机数防止缓存
                if (url.indexOf(“?”) > 0)
                {
                    url += “&randnum=” + Math.random();
                }
                else
                {
                    url += “?randnum=” + Math.random

();
                }
                open(method, url, true

);
                // 设定请求编码方式
                setRequestHeader(‘Content-Type’, ‘application/x-www-form-urlencoded; charset=UTF-8′);
                send(data);
                onreadystatechange = function ()
                {
                    if (objXMLHttp.readyState == 4 && (objXMLHttp.status == 200 || objXMLHttp.status == 304))
                    {
                        callback(objXMLHttp);
                    }
                }
            }
            catch(e)
            {
                alert(e);
            }
        }
    }
}; 

 

示例：

<script type=“text/javascript” src=“xmlhttp.js”></script>
<script type=”text/javascript”>
function test(obj)
{
    alert(obj.statusText);
}demo 下载xmlhttp.js

XMLHttp.sendReq(‘GET’, ’http://www.ugia.cn/wp-data/test.htm’, ”, test);
XMLHttp.sendReq(‘GET’, ’http://www.ugia.cn/wp-data/test.htm’, ”, test);
XMLHttp.sendReq(‘GET’, ’http://www.ugia.cn/wp-data/test.htm’, ”, test);
XMLHttp.sendReq(‘GET’, ’http://www.ugia.cn/wp-data/test.htm’, ”, test);

alert(‘Pool length:’ + XMLHttp._objPool.length);
</script>

]]> http://blog.cike.org/2007/xmlhttprequests/feed/ 0