guard-5-min/static/js/jquery.ws-0.3pre.js

201 lines
5.4 KiB
JavaScript

(function($){
$.ws = {
//==========================================================
// jQuery plugin jquery.ws.js
// for Web Sockets
// need Browser Chrome4.0.249.0+
// Demo http://bloga.jp/ws/jq/
// serverside sample @see http://blog.livedoor.jp/kotesaki/archives/1355651.html
name : "ws",
version : "0.3-noenc-pre",
demo : "http://bloga.jp/ws/jq/conn/b1.htm",
author : "Toshiro Takahashi",
lisence : "same as jQuery @see http://docs.jquery.com/Licensing",
update : 'http://jsgt.org/lib/jquery/plugin/ws/update.txt',
ver : '<span class="wsVersion" style="color:#aaa"></span><script>'
+ 'jQuery(function($){ $(".wsVersion").html("version:ws-"+$.ws.version) })'
+ '</script>',
//Default settings
wsSettings: {
url : "ws://"+location.host,
data : null,//The data which transmit a message
onopen : function(e){},//callback on opened.
onmessage : function(msg,wsObject){},//callback on received
onclose : function(){},//callback on cloased
hbStr : "Heartbeat",//if null then no Heartbeat
hbinterval : 60000,//dafault 60sec, min=5000
onheartbeat: function(){}//callback on heartbeatsended
},
wsSetup: function( settings ) {
jQuery.extend( jQuery.ws.wsSettings, settings );
}
//Note: if you want to stop no-support alert dialog,
//$.ws.wsSetup({nonosupportmsg:true});
};
/*
//==========================================================
// Method
// Basic Method of this pulgin for Web Sockets
$.conn( settings )
*/
$.extend($.ws ,{
conn : function( s ){
s = $.extend(true, s, $.extend(true, {}, $.ws.wsSettings, s));
if ("WebSocket" in window) {
var url=s.url ,
//WS Object
wsoj = new WebSocket( url ) ,
data = s.data ,
//Heartbeat
_MIN_HBINTERVAL=5000,
_INI_HBINTERVAL=60000,
hbtimer=null,
hbStr = (s.hbStr===null)?null:(typeof s.hbStr==='string')?s.hbStr:'Heartbeat',
hbinterval = (typeof s.hbinterval==='number')?
(s.hbinterval>=_MIN_HBINTERVAL)?s.hbinterval:_INI_HBINTERVAL
:_INI_HBINTERVAL;
//WS Events bind
$(wsoj)
.bind("open",function(e){
if(s.onopen){ s.onopen(e); } ;
if(s.hbStr!==null){
hbtimer = setInterval(function(){
$(wsoj).wssend(hbStr);
if(wsoj.onheartbeat){wsoj.onheartbeat(wsoj)}
}, hbinterval);
}
})
.bind("message",function(e){
if(s.onmessage){
s.onmessage(
e.originalEvent.data
.replace(/<script(.|\s)*?\/script>/g, ""),
wsoj
);
}
})
.bind("close",function(){
if(s.onclose){
s.onclose();
}
if(hbtimer) {
clearInterval(hbtimer);
hbtimer = null;
}
wsoj=null;
});
//Add Event to only Instance for on after Hertbeat
if(s.hbStr!==null){
wsoj.onheartbeat=function(woj){
s.onheartbeat(woj);
}
}
//WS send
$(wsoj).wssend(data);
//WS auto cloase
$(window)
.bind("unload",function(e){
wsoj.close();wsoj=null;
});
return wsoj;
} else {
//no support, message once.
if(!$.ws.nosupport){
if(!s.nonosupportmsg)
alert("no support, please use Chrome4 (v 4.0.238.0 +) or \n Safari nightly");
$.ws.nosupport=true;
}
}
}
});
/*
//==========================================================
// Method
// Sub Methods for Web Sockets
$(Selectors).wsload( url, data, fn )
$(Selectors).wssend(data)
$(Selectors).wsclose()
*/
$.fn.extend({
//like $(Selectors).load() Some codes from jQuery1.3.2
wsload : function( url, data, fn ){
var off = url.indexOf(" ");
if ( off >= 0 ) {
var selector = url.slice(off, url.length);
url = url.slice(0, off);
}
if ( data )
if ( $.isFunction( data ) ) {
fn = data;
data = null;
} else if( typeof data === "object" ) {
data = $.param( data );
}
var self = this;
$.ws.conn({
url : url,
data : data,
onmessage : function(msg, wsoj){
if ( wsoj.readyState == wsoj.OPEN )
self.html( selector ?
$("<div/>")
.append(msg)
.find(selector) :
msg );
if( fn )
self.each( fn, [msg, wsoj.readyState, wsoj] );
}
});
return this;
},
//Send to WS Server $(webSocketOj).wssend(data)
wssend : function(data){
var oj=this[0];
if(typeof oj!=="object" && oj.toString()!=="[object WebSocket]"){return this;}
if(data){
oj.send(data);
}
return this;
},
//Close Web Sockets
wsclose : function(){
var oj=this[0];
if(typeof oj!=="object" && oj.toString()!=="[object WebSocket]"){return this;}
oj.close();
oj=null;
return this;
}
});
})(jQuery)