-
YUI的autocomplete功能,为什么不支持中文10
1有没有人用过YUI的autocomplete功能,为什么不支持中文
ac_accessible_clean.jsp
<%@ page language="java" contentType="text/html; charset=UTF-8" import="java.util.*"%> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <title>Screenreader Accessibility</title> <style type="text/css"> /*margin and padding on body element can introduce errors in determining element position and are not recommended; we turn them off as a foundation for YUI CSS treatments. */ body { margin:0; padding:0; } </style> <link rel="stylesheet" type="text/css" href="../../build/fonts/fonts-min.css" /> <link rel="stylesheet" type="text/css" href="../../build/autocomplete/assets/skins/sam/autocomplete.css" /> <script type="text/javascript" src="../../build/yahoo-dom-event/yahoo-dom-event.js"></script> <script type="text/javascript" src="../../build/animation/animation-min.js"></script> <script type="text/javascript" src="../../build/datasource/datasource-min.js"></script> <script type="text/javascript" src="../../build/autocomplete/autocomplete-min.js"></script> <!--begin custom header content for this example--> <style type="text/css"> #myAutoComplete { width:15em; /* set width here or else widget will expand to fit its container */ padding-bottom:2em; } </style> <!--end custom header content for this example--> </head> <body class="yui-skin-sam"> <h1>Screenreader Accessibility</h1> <div class="exampleIntro"> <p>This AutoComplete example demonstrates how to make the widget more screenreader accessible.</p> </div> <!--BEGIN SOURCE CODE FOR EXAMPLE =============================== --> <div id="myAutoComplete"> <label id="myInputLabel" for="myInput">Enter a state:</label> <input id="myInput" type="text"> <div id="myContainer"></div> </div> <script type="text/javascript" src="assets/js/data.js"></script> <script type="text/javascript"> YAHOO.example.Accessibility = function() { // Set up DataSource and AutoComplete instances var oDS = new YAHOO.util.LocalDataSource(YAHOO.example.Data.arrayStates, {responseSchema: {fields : ["state"]}}); var oAC = new YAHOO.widget.AutoComplete("myInput", "myContainer", oDS); // Set up span element with screenreader text var elLabel = YAHOO.util.Dom.get("myInputLabel"), origLabel = elLabel.innerHTML, screenreaderLabel = "<span style=\"position:absolute;left:-999em;\">Use the up and down arrow keys to navigate suggestions.</span>" // Insert the screenreader text whenever user starts an AutoComplete interaction oAC.textboxFocusEvent.subscribe(function(){elLabel.innerHTML += screenreaderLabel;}); oAC.textboxBlurEvent.subscribe(function(){elLabel.innerHTML = origLabel;}); // The typeAhead feature must also be set to true for screenreader support oAC.typeAhead = true; // Turn off autoHighlight for less confusion oAC.autoHighlight = false; return { oDS: oDS, oAC: oAC }; }(); </script> <!--END SOURCE CODE FOR EXAMPLE =============================== --> </body> </html>
2010年5月03日 22:21
目前还没有答案
相关推荐
淘宝原来用的是 YUI AutoComplete, 但因其庞大的体积(压缩后 30k, 还需依赖 30k 的 datasource 组件),同时对中文输入法的支持不好(这是英美人士永远难以发现的 bug),使得 YUI AutoComplete 显得很鸡肋。...
JS脚本引用 代码如下: [removed][removed] ... @import url(“/scripts/Jquery.autocomplete/css/jquery.autocomplete.css”); </style> JS代码 代码如下: ?$(document).ready(function () { $(“#<%=_Se
2. Ubuntu下的中文支持 5 2.1. fctix输入法支持-搜狗 5 2.2. 中文光标支持 6 2.3. InputHelper 6 3. 插件篇 6 3.1. 安装包管理器 6 3.2. 高亮类 7 3.2.1. Bracket Highlighter 7 3.2.2. CNPunctuationAutopair 7 3.3...
+为页面的Form添加autocomplete="off"属性。 -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\...
该死的小JS扫描仪 该死的小型JS扫描程序(DSJS)是功能齐全JavaScript库漏洞扫描程序,用不到100行代码编写。 必须注意,它是项目的衍生作品。 当前,它会检查以下JavaScript库的易受攻击的版本: angularjs , ...
如下所示: 在一个表单中,在提交前我们想判断该用户名是否存在,在layui中不支持。onblur()失去焦点事件,用按钮来手动触发,表单又...input type=text id=username name=username autocomplete=off class=layui-in
+为页面的Form添加autocomplete="off"属性。 -参考http://www.cnblogs.com/sanshi/archive/2009/09/04/1560146.html#1635830 +添加对extjs3.0中所有语言的支持。 -ExtAspNet扩展的多语言包在js\languages\...
本文实例讲述了layui实现显示数据表格、搜索和修改功能。分享给大家供大家参考,具体如下: <input class=layui-input name=keyword id=demoReload autocomplete=off> <button class=layui-btn ...
主要功能是使用数据表格, 做分页,做搜索, 还有checkbox, 支持全选. 当选中一些数据的时候, 数据切换页面数据在切换回来后,选中状态就消失了, 我们希望切换回来的时候, 选中状态还能存在, 因此做了个缓存, 使checkbox...
input class=layui-input name=keyword id=demoReload autocomplete=off> <button class=layui-btn data-type=reload>搜索</button></div> 在js加入初始化代码和定义加载方法 layui.use('table', ...
form简单验证 <input type="text" name="email" datatype="e" ignore="ignore" placeholder="请输入邮箱" autocomplete="off" class="layui-input">... "*":"不能为空!", "*6-16":"请填写6到16位任意
如下所示: 主要在前端页面加: ...input class=layui-input name=keyWord id=keyWord autocomplete=off> <select name=keyType id=key_type class=layui-btn> <option value=
在编程的时候, layer弹窗中的select 经常会遇到被遮挡的情况: 解决方法:在页面里面找到对应div的class 给overflow新的属性visible即可(默认值。内容不会被修剪,会呈现在元素框之外。)即可显示出下拉框 ...