简单模拟google输入自动完成
昨晚看到景圳的QQ空间里一篇关于用JS控制DIV显示位置的文章,想到自己之前写订餐系统时的一个模拟Google输入自动完成的方法,于是也想整理出来。之前本BLOG转来的一篇文章比我这个方法更完善点,详细见:用AJAX实现google输入自动完成的简单模拟。本文介绍的这种方法也是用AJAX来实现,没做太多的注释,不过都蛮容易看懂的。
下面先看截图:
昨晚看到景圳的QQ空间里一篇关于用JS控制DIV显示位置的文章,想到自己之前写订餐系统时的一个模拟Google输入自动完成的方法,于是也想整理出来。之前本BLOG转来的一篇文章比我这个方法更完善点,详细见:用AJAX实现google输入自动完成的简单模拟。本文介绍的这种方法也是用AJAX来实现,没做太多的注释,不过都蛮容易看懂的。
下面先看截图:
刚在ASM中处理客户提出的需求中,有两个是用户习惯的问题,想到了用JS来控制页面。一个是页面加载完后滚动条自动跳转到最下面,另一个是在文本框输入中按回车后,光标焦点自动跳到下个文本框中。
以下是实现的源码:
1、页面加载完后滚动条自动跳转到最下面:
之前在写ASM的时候要用到跳转,从A页进入B页后,经过各种操作后,提交成功跳转到成功提示页面,再从提示页面跳转会A页面。其实要实现也不难,最简单的方法是传参,可用传参必须修改大量的页面,因为这个A页面并非仅一个页面,而是可以从多个入口进入B页面,成功后再跳转回原来的入口。为了快速开发以及修改少量代码,我想到了在B页面用JS获取访问来源,从而实现客户的要求。
以下是B页面JS代码的一个Demo:
今晚在coding的时候,又一次与ajax展开战斗,偏偏偶就对JS不懂,又是一阵郁闷。IndexOf和substring是啥玩意?无奈上百度了一下,整理了下搜来的内容:
IndexOf方法:返回 String 对象内第一次出现子字符串的字符位置。
strObj.indexOf(subString[, startIndex])
“Lightbox”是一个别致且易用的图片显示效果,它可以使图片直接呈现在当前页面之上而不用转到新的窗口。
类似于WinXP操作系统的注销/关机对话框,除去屏幕中心位置的对话框,其他的区域都以淡出的效果逐渐变为银灰色以增加对比度,此时除了对话框内的表单控件,没有其他区域可以获取焦点。效果演示
Recent Comments