Ajax 实现类似谷歌文本框！大家帮帮小弟我
日期：2014-05-18 浏览次数：20715 次
Ajax 实现类似谷歌文本框！大家帮帮我！
大虾们好！
小弟又问问题了！
我想实现类似谷歌搜索一样的智能提示！
其实我问题不是核心技术
而是它的那个提示框是怎么实现的？
我只知道那是一个texearea 但是不知道怎么用css把它变成那种效果，，就是一输入关键字出现的那个下拉框的那种效果！
、由于我的css了解太少！ 希望大家帮帮忙吧
如果大虾们有现成的代码愿意给我看的话 麻烦发到 x5201314x@vip.qq.com
小弟先谢谢了！
------解决方案--------------------
看看我收藏这个
[code=HTML]<HTML>
<HEAD>
<TITLE>AutoComplete</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
/**
** ==================================================================================================
** ClassName ：CLASS_AUTOCOMPLETE
** Intro ：a control similar IE Address Bar
** Example ：
Ver ： 0.31
---------------------------------------------------------------
nick：<INPUT size=30 name=q autolist='ba|ttyp|"|tt|typ|中国上海市|www.baidu.com|www.google.con|jimao8|中国|中|中国上海'>
<SCRIPT LANGUAGE="JavaScript">
<!--
var acbar = new CLASS_AUOTCOMPLETE();
acbar.setup(document.all.q);
//-->
< /SCRIPT>
---------------------------------------------------------------
** Author ：ttyp
** Email ：ttyp@21cn.com
** Date ：2006-12-25
** ==================================================================================================
**/
function CLASS_AUOTCOMPLETE(ID){
var me = this;
this.contain = document.getElementById("__auto_complete_contain");
this.handle = null;
this.dropdown = false;
this.stopChange = false;
this.line = 0;
this.selectIndex = -1;
this.id = "";
if(ID!=null&&typeof(ID)!=undefined){
this.id = ID;
}else{
this.id = getNewId();
}
function getNewId(){
return "ID_" + Math.random().toString().substring(2)
}
this.add = function(s){
this.list[this.list.length] = s;
}
this.sort = function(){
//sort
shellSort(this.list);
}
this.show = function(flag){
var contain = me.contain;
if(contain==null||typeof(contain)=="undefined"){
contain = document.createElement("div");
var body = document.body;
if(typeof(body)!="undefined"){
body.appendChild(contain);
}
me.contain = contain;
}
if(flag==undefined||flag==null){
flag = true;
}
if(flag){
var w=1000,h=50,l,t;
me.line = 0;
if(me.handle!=null&&typeof(me.handle)!="undefined"){
var v = me.handle.value;
if(me.list!=null&&typeof(me.list)!="undefined"){
for(var i=contain.childNodes.length-1;i>=0;i--){
contain.removeChild(contain.childNodes[i]);
大虾们好！
小弟又问问题了！
我想实现类似谷歌搜索一样的智能提示！
其实我问题不是核心技术
而是它的那个提示框是怎么实现的？
我只知道那是一个texearea 但是不知道怎么用css把它变成那种效果，，就是一输入关键字出现的那个下拉框的那种效果！
、由于我的css了解太少！ 希望大家帮帮忙吧
如果大虾们有现成的代码愿意给我看的话 麻烦发到 x5201314x@vip.qq.com
小弟先谢谢了！
------解决方案--------------------
看看我收藏这个
[code=HTML]<HTML>
<HEAD>
<TITLE>AutoComplete</TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>
<SCRIPT LANGUAGE="JavaScript">
<!--
/**
** ==================================================================================================
** ClassName ：CLASS_AUTOCOMPLETE
** Intro ：a control similar IE Address Bar
** Example ：
Ver ： 0.31
---------------------------------------------------------------
nick：<INPUT size=30 name=q autolist='ba|ttyp|"|tt|typ|中国上海市|www.baidu.com|www.google.con|jimao8|中国|中|中国上海'>
<SCRIPT LANGUAGE="JavaScript">
<!--
var acbar = new CLASS_AUOTCOMPLETE();
acbar.setup(document.all.q);
//-->
< /SCRIPT>
---------------------------------------------------------------
** Author ：ttyp
** Email ：ttyp@21cn.com
** Date ：2006-12-25
** ==================================================================================================
**/
function CLASS_AUOTCOMPLETE(ID){
var me = this;
this.contain = document.getElementById("__auto_complete_contain");
this.handle = null;
this.dropdown = false;
this.stopChange = false;
this.line = 0;
this.selectIndex = -1;
this.id = "";
if(ID!=null&&typeof(ID)!=undefined){
this.id = ID;
}else{
this.id = getNewId();
}
function getNewId(){
return "ID_" + Math.random().toString().substring(2)
}
this.add = function(s){
this.list[this.list.length] = s;
}
this.sort = function(){
//sort
shellSort(this.list);
}
this.show = function(flag){
var contain = me.contain;
if(contain==null||typeof(contain)=="undefined"){
contain = document.createElement("div");
var body = document.body;
if(typeof(body)!="undefined"){
body.appendChild(contain);
}
me.contain = contain;
}
if(flag==undefined||flag==null){
flag = true;
}
if(flag){
var w=1000,h=50,l,t;
me.line = 0;
if(me.handle!=null&&typeof(me.handle)!="undefined"){
var v = me.handle.value;
if(me.list!=null&&typeof(me.list)!="undefined"){
for(var i=contain.childNodes.length-1;i>=0;i--){
contain.removeChild(contain.childNodes[i]);
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
