找回密码
 注册

只需一步,快速开始

蓝色理想 最新研发动态 新增登录提醒插件 - 用至我的站点 地图任务一定要做 - 给官方提建议

论坛活动及任务 地图和邮件任务 请多用悬赏提问 热夏来袭,选一款蓝色理想的个性T恤吧!

MIUI手机主题设计大赛,奔驰大奖等你拿! 想加薪?!蓝色理想招聘提供你更多机会 悬赏答疑,赚取积分兑奖品!

查看: 132|回复: 3

向大家请教仿微博效果,如何在输入框输入@后有用户名提示 [复制链接]

iloveleeyan 楼主
帖子
15
体力
80
威望
0
居住地
广东省 广州市
发表于 2012-5-4 11:06:16 |显示全部楼层
大家好,跟大家讨论一个前台效果,我在论坛搜不到类似的帖子

是仿新浪微博(其实微博都一样)的输入框,在输入@字符时,后面会有用户列表提示,如下图



是怎么做到的呢?肯定是JS实现的,但是我没有思路

是不是要先向浏览器传送用户名单,得到一个数组如array("张三","李四","小陈","小红",...)再用JS对这个数组进行搜索呢?

高级一点的就是输入拼音首字母就会有中文名字提示,如输入@z 就会提示”张三“了

大家讨论一下实现方法哈,有代码提供更好
附件: 你需要登录才可以下载或查看附件。没有帐号?注册
从聆开始~
帖子
136
体力
670
威望
0
居住地
福建省 福州市
发表于 2012-5-4 16:27:08 |显示全部楼层
具体想知道可以 用 FIREBUG 调试

我的思路,点击那个框框的时候 浏览器JS请求账户对应的 好友 缓存起来, 之后根据 输入进行过滤, 至于拼音过滤, 如果是我,我的做法是,服务端发送账户的集合里面,已经包含了 拼音字段了。
拿 JSON 做个例子
个人模拟下服务端的格式
[{Uid:1,UserName:"好多喵",Py:"hdm"},{Uid:2,UserName:"石沉溪",Py:"scx"}]
帖子
86
体力
202
威望
0
居住地
广东省 深圳市
发表于 2012-5-4 16:39:53 |显示全部楼层
弹出并不是难事,难的是怎么让定位在你的光标下
mhsh 
帖子
133
体力
270
威望
0
居住地
河南省 信阳市
发表于 2012-5-4 16:53:46 |显示全部楼层
这个也好办,可以这样做:使用text的onchange事件做
http://www.mhsh.net 生活小窍门网
您需要登录后才可以回帖 登录 | 注册


Archiver|手机版|blueidea.com ( 京ICP备05002321号 )    

GMT+8, 2012-5-22 17:39 , Processed in 0.088612 second(s), 8 queries , Gzip On, Memcache On.

Powered by Discuz! X2

© 2001-2011 Comsenz Inc.

回顶部