• 企业400电话
  • 微网小程序
  • AI电话机器人
  • 电商代运营
  • 全 部 栏 目

    企业400电话 网络优化推广 AI电话机器人 呼叫中心 网站建设 商标✡知产 微网小程序 电商运营 彩铃•短信 增值拓展业务
    ajax poller
    Ajax poller
    Copyright (C) 2006 DTHMLGoodies.com, Alf Magne Kalleland
    This library is free software; you can redistribute it and/or
    modify it under the terms of the GNU Lesser General Public
    License as published by the Free Software Foundation; either
    version 2.1 of the License, or (at your option) any later version.
    This library is distributed in the hope that it will be useful,
    but WITHOUT ANY WARRANTY; without even the implied warranty of
    MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU
    Lesser General Public License for more details.
    You should have received a copy of the GNU Lesser General Public
    License along with this library; if not, write to the Free Software
    Foundation, Inc., 51 Franklin Street, Fifth Floor, Boston, MA 02110-1301 USA
    Dhtmlgoodies.com., hereby disclaims all copyright interest in this script
    written by Alf Magne Kalleland.
    Alf Magne Kalleland, 2006
    Owner of DHTMLgoodies.com
    复制代码 代码如下:

    var serverSideFile = 'ajax-poller-cast-vote-php.php';
    var voteLeftImage = 'images/graph_left_1.gif';
    var voteRightImage = 'images/graph_right_1.gif';
    var voteCenterImage = 'images/graph_middle_1.gif';
    var graphMaxWidth = 130; // It will actually be a little wider than this because of the rounded image at the left and right
    var graphMinWidth = 15; // Minimum size of graph
    var pollScrollSpeed = 5; // Lower = faster
    var useCookiesToRememberCastedVotes = false; // Use cookie to remember casted votes
    var txt_totalVotes = 'Total number of votes: ';
    var ajaxObjects = new Array();
    var pollVotes = new Array();
    var pollVoteCounted = new Array();
    var totalVotes = new Array();
    /* Preload images */
    var preloadedImages = new Array();
    preloadedImages[0] = new Image();
    preloadedImages[0].src = voteLeftImage;
    preloadedImages[1] = new Image();
    preloadedImages[1].src = voteRightImage;
    preloadedImages[2] = new Image();
    preloadedImages[2].src = voteCenterImage;
    /*
    These cookie functions are downloaded from
    http://www.mach5.com/support/analyzer/manual/html/General/CookiesJavaScript.htm
    */
    function Poller_Get_Cookie(name) {
    var start = document.cookie.indexOf(name+"=");
    var len = start+name.length+1;
    if ((!start) (name != document.cookie.substring(0,name.length))) return null;
    if (start == -1) return null;
    var end = document.cookie.indexOf(";",len);
    if (end == -1) end = document.cookie.length;
    return unescape(document.cookie.substring(len,end));
    }
    // This function has been slightly modified
    function Poller_Set_Cookie(name,value,expires,path,domain,secure) {
    expires = expires * 60*60*24*1000;
    var today = new Date();
    var expires_date = new Date( today.getTime() + (expires) );
    var cookieString = name + "=" +escape(value) +
    ( (expires) ? ";expires=" + expires_date.toGMTString() : "") +
    ( (path) ? ";path=" + path : "") +
    ( (domain) ? ";domain=" + domain : "") +
    ( (secure) ? ";secure" : "");
    document.cookie = cookieString;
    }
    function showVoteResults(pollId,ajaxIndex)
    {
    document.getElementById('poller_waitMessage' + pollId).style.display='none';
    var xml = ajaxObjects[ajaxIndex].response;
    xml = xml.replace(/\n/gi,'');
    var reg = new RegExp("^.*?pollerTitle>(.*?).*$","gi");
    var pollerTitle = xml.replace(reg,'$1');
    var resultDiv = document.getElementById('poller_results' + pollId);
    var titleP = document.createElement('P');
    titleP.className='result_pollerTitle';
    titleP.innerHTML = pollerTitle;
    resultDiv.appendChild(titleP);
    var options = xml.split(/option>/gi);
    pollVotes[pollId] = new Array();
    totalVotes[pollId] = 0;
    for(var no=1;nooptions.length;no++){
    var elements = options[no].split(//gi);
    var currentOptionId = false;
    for(var no2=0;no2elements.length;no2++){
    if(elements[no2].substring(0,1)!='/'){
    var key = elements[no2].replace(/^(.*?)>.*$/gi,'$1');
    var value = elements[no2].replace(/^.*?>(.*)$/gi,'$1');
    if(key.indexOf('optionText')>=0){
    var pOption = document.createElement('P');
    pOption.className='result_pollerOption';
    pOption.innerHTML = value;
    resultDiv.appendChild(pOption);
    }
    if(key.indexOf('optionId')>=0){
    currentOptionId = value/1;
    }
    if(key.indexOf('votes')>=0){
    var voteDiv = document.createElement('DIV');
    voteDiv.className='result_pollGraph';
    resultDiv.appendChild(voteDiv);
    var leftImage = document.createElement('IMG');
    leftImage.src = voteLeftImage;
    voteDiv.appendChild(leftImage);
    var numberDiv = document.createElement('DIV');
    numberDiv.style.backgroundImage = 'url(\'' + voteCenterImage + '')';
    numberDiv.innerHTML = '0%';
    numberDiv.id = 'result_voteTxt' + currentOptionId;
    voteDiv.appendChild(numberDiv);
    var rightImage = document.createElement('IMG');
    rightImage.src = voteRightImage;
    voteDiv.appendChild(rightImage);
    pollVotes[pollId][currentOptionId] = value;
    totalVotes[pollId] = totalVotes[pollId]/1 + value/1;
    }
    }
    }
    }
    var totalVoteP = document.createElement('P');
    totalVoteP.className = 'result_totalVotes';
    totalVoteP.innerHTML = txt_totalVotes + totalVotes[pollId];
    voteDiv.appendChild(totalVoteP);
    setPercentageVotes(pollId);
    slideVotes(pollId,0);
    }
    function setPercentageVotes(pollId)
    {
    for(var prop in pollVotes[pollId]){
    pollVotes[pollId][prop] = Math.round( (pollVotes[pollId][prop] / totalVotes[pollId]) * 100);
    }
    var currentSum = 0;
    for(var prop in pollVotes[pollId]){
    currentSum = currentSum + pollVotes[pollId][prop]/1;
    }
    pollVotes[pollId][prop] = pollVotes[pollId][prop] + (100-currentSum);
    }
    function slideVotes(pollId,currentPercent)
    {
    currentPercent = currentPercent/1 + 1;
    for(var prop in pollVotes[pollId]){
    if(pollVotes[pollId][prop]>=currentPercent){
    var obj = document.getElementById('result_voteTxt' + prop);
    obj.innerHTML = currentPercent + '%';
    obj.style.width = Math.max(graphMinWidth,Math.round(currentPercent/100*graphMaxWidth)) + 'px';
    }
    }
    if(currentPercent100)setTimeout('slideVotes("' + pollId + '","' + currentPercent + '")',pollScrollSpeed);
    }
    function prepareForPollResults(pollId)
    {
    document.getElementById('poller_waitMessage' + pollId).style.display='block';
    document.getElementById('poller_question' + pollId).style.display='none';
    }
    function castMyVote(pollId,formObj)
    {
    var elements = formObj.elements['vote[' + pollId + ']'];
    var optionId = false;
    for(var no=0;noelements.length;no++){
    if(elements[no].checked)optionId = elements[no].value;
    }
    Poller_Set_Cookie('dhtmlgoodies_poller_' + pollId,'1',6000000);
    if(optionId){
    var ajaxIndex = ajaxObjects.length;
    ajaxObjects[ajaxIndex] = new sack();
    ajaxObjects[ajaxIndex].requestFile = serverSideFile + '?pollId=' + pollId + 'optionId=' + optionId;
    prepareForPollResults(pollId);
    ajaxObjects[ajaxIndex].onCompletion = function(){ showVoteResults(pollId,ajaxIndex); }; // Specify function that will be executed after file has been found
    ajaxObjects[ajaxIndex].runAJAX(); // Execute AJAX function
    }
    }
    function displayResultsWithoutVoting(pollId)
    {
    var ajaxIndex = ajaxObjects.length;
    ajaxObjects[ajaxIndex] = new sack();
    ajaxObjects[ajaxIndex].requestFile = serverSideFile + '?pollId=' + pollId;
    prepareForPollResults(pollId);
    ajaxObjects[ajaxIndex].onCompletion = function(){ showVoteResults(pollId,ajaxIndex); }; // Specify function that will be executed after file has been found
    ajaxObjects[ajaxIndex].runAJAX(); // Execute AJAX function
    }

    复制代码 代码如下:

    /* Simple AJAX Code-Kit (SACK) v1.6.1 */
    /* 2005 Gregory Wild-Smith */
    /* www.twilightuniverse.com */
    /* Software licenced under a modified X11 licence,
    see documentation or authors website for more details */
    function sack(file) {
        this.xmlhttp = null;
        this.resetData = function() {
            this.method = "POST";
            this.queryStringSeparator = "?";
            this.argumentSeparator = "";
            this.URLString = "";
            this.encodeURIString = true;
            this.execute = false;
            this.element = null;
            this.elementObj = null;
            this.requestFile = file;
            this.vars = new Object();
            this.responseStatus = new Array(2);
        };
        this.resetFunctions = function() {
            this.onLoading = function() { };
            this.onLoaded = function() { };
            this.onInteractive = function() { };
            this.onCompletion = function() { };
            this.onError = function() { };
            this.onFail = function() { };
        };
        this.reset = function() {
            this.resetFunctions();
            this.resetData();
        };
        this.createAJAX = function() {
            try {
                this.xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
            } catch (e1) {
                try {
                    this.xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
                } catch (e2) {
                    this.xmlhttp = null;
                }
            }
            if (! this.xmlhttp) {
                if (typeof XMLHttpRequest != "undefined") {
                    this.xmlhttp = new XMLHttpRequest();
                } else {
                    this.failed = true;
                }
            }
        };
        this.setVar = function(name, value){
            this.vars[name] = Array(value, false);
        };
        this.encVar = function(name, value, returnvars) {
            if (true == returnvars) {
                return Array(encodeURIComponent(name), encodeURIComponent(value));
            } else {
                this.vars[encodeURIComponent(name)] = Array(encodeURIComponent(value), true);
            }
        }
        this.processURLString = function(string, encode) {
            encoded = encodeURIComponent(this.argumentSeparator);
            regexp = new RegExp(this.argumentSeparator + "|" + encoded);
            varArray = string.split(regexp);
            for (i = 0; i varArray.length; i++){
                urlVars = varArray[i].split("=");
                if (true == encode){
                    this.encVar(urlVars[0], urlVars[1]);
                } else {
                    this.setVar(urlVars[0], urlVars[1]);
                }
            }
        }
        this.createURLString = function(urlstring) {
            if (this.encodeURIString this.URLString.length) {
                this.processURLString(this.URLString, true);
            }
            if (urlstring) {
                if (this.URLString.length) {
                    this.URLString += this.argumentSeparator + urlstring;
                } else {
                    this.URLString = urlstring;
                }
            }
            // prevents caching of URLString
            this.setVar("rndval", new Date().getTime());
            urlstringtemp = new Array();
            for (key in this.vars) {
                if (false == this.vars[key][1] true == this.encodeURIString) {
                    encoded = this.encVar(key, this.vars[key][0], true);
                    delete this.vars[key];
                    this.vars[encoded[0]] = Array(encoded[1], true);
                    key = encoded[0];
                }
                urlstringtemp[urlstringtemp.length] = key + "=" + this.vars[key][0];
            }
            if (urlstring){
                this.URLString += this.argumentSeparator + urlstringtemp.join(this.argumentSeparator);
            } else {
                this.URLString += urlstringtemp.join(this.argumentSeparator);
            }
        }
        this.runResponse = function() {
            eval(this.response);
        }
        this.runAJAX = function(urlstring) {
            if (this.failed) {
                this.onFail();
            } else {
                this.createURLString(urlstring);
                if (this.element) {
                    this.elementObj = document.getElementById(this.element);
                }
                if (this.xmlhttp) {
                    var self = this;
                    if (this.method == "GET") {
                        totalurlstring = this.requestFile + this.queryStringSeparator + this.URLString;
                        this.xmlhttp.open(this.method, totalurlstring, true);
                    } else {
                        this.xmlhttp.open(this.method, this.requestFile, true);
                        try {
                            this.xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded")
                        } catch (e) { }
                    }
                    this.xmlhttp.onreadystatechange = function() {
                        switch (self.xmlhttp.readyState) {
                            case 1:
                                self.onLoading();
                                break;
                            case 2:
                                self.onLoaded();
                                break;
                            case 3:
                                self.onInteractive();
                                break;
                            case 4:
                                self.response = self.xmlhttp.responseText;
                                self.responseXML = self.xmlhttp.responseXML;
                                self.responseStatus[0] = self.xmlhttp.status;
                                self.responseStatus[1] = self.xmlhttp.statusText;
                                if (self.execute) {
                                    self.runResponse();
                                }
                                if (self.elementObj) {
                                    elemNodeName = self.elementObj.nodeName;
                                    elemNodeName.toLowerCase();
                                    if (elemNodeName == "input"
                                    || elemNodeName == "select"
                                    || elemNodeName == "option"
                                    || elemNodeName == "textarea") {
                                        self.elementObj.value = self.response;
                                    } else {
                                        self.elementObj.innerHTML = self.response;
                                    }
                                }
                                if (self.responseStatus[0] == "200") {
                                    self.onCompletion();
                                } else {
                                    self.onError();
                                }
                                self.URLString = "";
                                break;
                        }
                    };
                    this.xmlhttp.send(this.URLString);
                }
            }
        };
        this.reset();
        this.createAJAX();
    }
    上一篇:看图理解 普通交互方式和Ajax交互方式区别
    下一篇:自己动手封装的 ajax
  • 相关文章
  • 

    © 2016-2020 巨人网络通讯 版权所有

    《增值电信业务经营许可证》 苏ICP备15040257号-8

    ajax poller ajax,poller,ajax,poller,