位置：首页>> 网络编程>> JavaScript>> 百度在线手写输入法

百度在线手写输入法

　来源：经典论坛　发布时间：2010-02-03 14:27:00　

标签：手写板,输入法,百度

哎~工作忙死了！！！！！！

今天在百度老年看到一个手写输入法，颇感新鲜。

so把其框下！

请不要用在商业用途，学习之用，版权百度所有。

看代码！

注：并非完整独立程序，调用了百度的数据。

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><meta http-equiv="X-UA-Compatible" content="IE=7"><title>百度老年搜索</title><style type="text/css">#hwr_div{position:absolute;}.hwr_hidden{left:-1000px;top:0}.hwr_visible{left:0;top:38px}</style></head><body bgcolor="#FAFFF3" topmargin="15"><form name="f" action="http://www.baidu.com/s" style="margin:0;position:relative"><table border="0" cellspacing="0" cellpadding="0"> <tr> <td width="359"><input type="text" name="wd" id="kw" autocomplete="off" style="width:398px; line-height:26px; height:26px; padding:5px; *padding:4px; margin-right:9px; font-size:26px"> <div id="hwr_div" class="hwr_hidden" onclick="stopClosePen(event)"></div></td> <td width="99"><input type="submit" value="百度一下"></td> <td valign="center" width="150" id="penControl" style="line-height:30px"><img src="http://123.baidu.com/img/pen.png" style="cursor:pointer;vertical-align:middle;margin:0 10px 0 10px" onclick="openPen(event);"><a href="javascript:void(0)" style="vertical-align:middle;" onclick="openPen(event);">手写输入</a></td> </tr> </table></form><script>window.onerror = function() { return true};SWFObject = function($) { this.cfg = $; this.swfId = $.fid; this.asObjects = {}; this.onLoadInit = null; SWFObject.instances[this.swfId] = this};SWFObject.prototype.load = function() { Utils.f(this.cfg)};SWFObject.prototype.getASObject = function($) { return this.asObjects[$.asoId]};SWFObject.prototype.registerASObject = function(A) { var _ = A.asoId, $ = this.swfId; return this.asObjects[_] = new ASObject({ asoId: _, swfId: $ })};SWFObject.prototype.getASObjectProperty = function($) { if (this.swf == null) this.swf = Utils.g(this.swfId); return this.swf.getASObjectProperty($)};SWFObject.prototype.setASObjectProperty = function($) { if (this.swf == null) this.swf = Utils.g(this.swfId); this.swf.setASObjectProperty($)};SWFObject.prototype.callASObjectMethod = function($) { if (this.swf == null) this.swf = Utils.g(this.swfId); return this.swf.callASObjectMethod($)};SWFObject.instances = {};SWFObject.getSWFObject = function($) { return SWFObject.instances[$.swfId]};SWFObject.dispatchASObjectEvent = function(B) { var _ = B.swfId, A = B.asoId, F = B.type, E = B.data, C = SWFObject.getSWFObject({ swfId: _ }), $ = (A == undefined) ? C: C.getASObject({ asoId: A }), D = "on" + F.substr(0, 1).toUpperCase() + F.substr(1); if ($[D] != null) $[D](E)};SWFObject.registerASObject = function(A) { var $ = A.swfId, _ = A.asoId, B = SWFObject.getSWFObject(A); B.registerASObject(A)};ASObject = function($) { this.swfId = $.swfId; this.asoId = $.asoId; this.swfObject = SWFObject.getSWFObject($); if (ASObject.instances[this.swfId] == null) ASObject.instances[this.swfId] = {}; ASObject.instances[this.swfId][this.asoId] = this};ASObject.prototype.get = function($) { return this.swfObject.getASObjectProperty({ asoId: this.asoId, property: $ })};ASObject.prototype.set = function(_, $) { this.swfObject.setASObjectProperty({ asoId: this.asoId, property: _, value: $ })};ASObject.prototype.call = function($, _) { return this.swfObject.callASObjectMethod({ asoId: this.asoId, method: $, parameters: _ })};ASObject.instances = {};Utils = { g: function($) { return document.getElementById($) }, f: function(_) { var $ = '<embed id="#{fid}" name="#{fid}" src="#{movie}" flashVars="#{flashVars}" width="#{width}" height="#{height}" align="#{align}" type="application/x-shockwave-flash" pluginspage="http://www.adobe.com/go/getflashplayer" wmode="#{wmode}" scale="#{scale}" salign="#{salign}" allownetworking="#{allownetworking}" allowscriptaccess="#{allowscriptaccess}" />', A = '<object id="#{fid}" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="#{width}" height="#{height}" align="#{align}"><param name="movie" value="#{movie}" /><param name="flashVars" value="#{flashVars}" /><param name="wmode" value="#{wmode}" /><param name="scale" value="#{scale}" /><param name="salign" value="#{salign}" /><param name="allownetworking" value="#{allownetworking}" /><param name="allowscriptaccess" value="#{allowscriptaccess}" /></object>'; this.g(_.cid).innerHTML = this.fm(this.b.isIE ? A: $, _) }, fm: function($, _) { if (arguments.length) if (typeof(_) == "object") $ = $.replace(/#\{([^\{\}]+)\}/g, function(A, B) { var $ = _[B]; if (typeof $ == "function") $ = $(B); return typeof($) == "undefined" ? "": $ }); else if (typeof(_) != "undefined") for (var A = arguments.length - 2; A > -1; A--) $ = $.replace(new RegExp("#\\{" + A + "\\}", "g"), arguments[A + 1]); return $ }, b: { isIE: /msie/i.test(navigator.userAgent), isFF: /firefox/i.test(navigator.userAgent), isMaxthon: (function() { var $ = false; try { $ = external.max_version } catch(_) {} return $ })() }, mo: function() { var $ = {}, B = arguments.length; for (var C = 0; C < B; C++) { var A = arguments[C]; for (var _ in A) { if ($[_] != null) continue; $[_] = arguments[C][_] } } return $ }};HWR = { loaded: false};HWR.load = function(E, C, D) { HWR.tid = C; var $ = D ? ("serviceUrl=" + D) : "", B = { cid: E, fid: E + "_flash", width: 410, height: 290, movie: "http://123.baidu.com/swf/main.swf",//flash文件路径 align: "middle", salign: "lt", wmode: "window", scale: "noscale", allowscriptaccess: "always", allownetworking: "all", flashVars: $ }, A = new SWFObject(B); HWR.so = A; var _; A.onLoadInit = function($) { HWR.ao = _ = A.asObjects.handWrite; _.onCloseClick = function($) { HWR._onCloseClick() }; _.onCharSelect = function($) { HWR._onCharSelect($["char"]) } }; A.load()};HWR._onCharSelect = function(A) { var $ = document.getElementById(HWR.tid); $.value += A; var _ = document.f.kw.value; document.f.kw.focus(); document.f.kw.value = _};HWR._onCloseClick = function() { if (HWR.onCloseClick) HWR.onCloseClick()};HWR.onCloseClick = null;HWR.clear = function() { HWR.ao.call("clear", [])};function getFlashVersion() { var B = navigator; if (B.plugins && B.mimeTypes.length) { var A = B.plugins["Shockwave Flash"]; if (A && A.description) return A.description.replace(/([a-zA-Z]|\s)+/, "").replace(/(\s)+r/, ".") + ".0" } else if (window.ActiveXObject && !window.opera) for (var C = 10; C >= 2; C--) { try { var _ = new ActiveXObject("ShockwaveFlash.ShockwaveFlash." + C); if (_) { return C + ".0.0"; break } } catch($) {} } return "0"}function addStyle(A, $) { var _ = document.styleSheets[0]; if (_.addRule) _.addRule(A, $); else if (_.insertRule) _.insertRule(A + " { " + $ + " }", _.cssRules.length)}function penControl() { var $ = parseInt(getFlashVersion()); if ($ < 9) addStyle("#penControl", "display:none")}function stopClosePen($) { $ = $ || window.event; if ($.stopPropagation) $.stopPropagation(); else $.cancelBubble = true}var enablePen = false;function openPen($) { if (!enablePen) { var A = document.getElementById(HWR.so.cfg.cid); A.className = "hwr_visible"; enablePen = true } $ = $ || event; var _ = $.target || $.srcElement; _.blur(); stopClosePen($)}HWR.onCloseClick = function() { HWR.clear(); var _ = document.getElementById(HWR.so.cfg.cid); _.className = "hwr_hidden"; var $ = document.f.kw.value; document.f.kw.focus(); document.f.kw.value = $; enablePen = false};function closePen($) { var B = document.getElementById(HWR.so.cfg.cid); $ = $ || event; var A = $.target || $.srcElement; if (enablePen) { HWR.clear(); B.className = "hwr_hidden"; if (A.nodeName != "INPUT") { var _ = document.f.kw.value; document.f.kw.focus(); document.f.kw.value = _ } enablePen = false }}</script><script>window.onload = function(){document.f.kw.focus();}penControl();HWR.load("hwr_div", "kw", "http://hw.baidu.com/");//HWR.load(手写板div，字符输入框，笔画输入识别服务器);if (window.attachEvent) {document.body.attachEvent("onclick", closePen);}else{document.body.addEventListener("click", closePen, false);}</script></body></html>

投稿

百度在线手写输入法

猜你喜欢