查看: 7549|回复: 15

这样的效果怎么做(如下图)

[复制链接]

0

主题

49

回帖

418

积分

会员

Rank: 5Rank: 5

积分
418
发表于 2010-4-22 13:11:06 | 显示全部楼层 |阅读模式
10
这个效果用axure怎么做?(如下图)
情景描述:
在输入域中默认有提示信息,如:请输入评论内容,长度为100个汉字内。
在输入域的右下方,有动态字数变化,如:您还可以输入100个汉字
随着输入域中输入的数据变化,动态提示文本数据也随之变化。

333.gif
补充:
如果输入域内没有默认信息时,我是可以通过输入内容来决定提示内容的变化的,但是在输入域内默认有提示文字,就没有办法了。

最佳答案

查看完整内容

输入时可以动态显示已输入字数
http://service.t.sina.com.cn/widget/qmd/1654084740/c0e75a5e/2.png

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-4-22 13:11:07 | 显示全部楼层
输入时可以动态显示已输入字数

test1.rp

60 KB, 下载次数: 65

0

主题

49

回帖

418

积分

会员

Rank: 5Rank: 5

积分
418
 楼主| 发表于 2010-4-22 13:19:14 | 显示全部楼层
没人来嘛……在线等……
http://service.t.sina.com.cn/widget/qmd/1654084740/c0e75a5e/2.png

0

主题

49

回帖

418

积分

会员

Rank: 5Rank: 5

积分
418
 楼主| 发表于 2010-4-22 13:19:35 | 显示全部楼层
很着急的
http://service.t.sina.com.cn/widget/qmd/1654084740/c0e75a5e/2.png

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-4-22 13:24:08 | 显示全部楼层
AXURE目前好像好不能支持变量计算,最多可以显示你已经输入的字符数,没办法计算出还可以输入多少,而且一个汉字是2个字符的说,也没办法提示已输入的汉字数

0

主题

49

回帖

418

积分

会员

Rank: 5Rank: 5

积分
418
 楼主| 发表于 2010-4-22 13:28:13 | 显示全部楼层
如果输入域内没有默认信息时,我是可以通过输入内容来决定提示内容的变化的,但是在输入域内默认有提示文字,就没有办法了。
http://service.t.sina.com.cn/widget/qmd/1654084740/c0e75a5e/2.png

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-4-22 13:48:34 | 显示全部楼层
简单做了一个,如上面回复,变量加减无法实现,否则“100-数字”就可以是你要的还可输入的字数了
另外,发现AXURE对字符数的统计是不区分汉字或者英文字母的,一个汉字是1,一个字母也是1

test1.rp

60.01 KB, 下载次数: 13

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-4-22 13:49:36 | 显示全部楼层
输入域内提示文字可以鼠标点击就清空啊,所以可以做到只计算用户输入的字符数的

0

主题

49

回帖

418

积分

会员

Rank: 5Rank: 5

积分
418
 楼主| 发表于 2010-4-22 13:55:26 | 显示全部楼层
6# xxss
你的大概意思是对了,只是你的判断是输入完毕后,点击后才出现结果而不是输入过程中就出现结果。
你可以制定当输入内容为什么时,提示信息为什么
我只要做一个效果即可。
http://service.t.sina.com.cn/widget/qmd/1654084740/c0e75a5e/2.png

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-4-22 13:58:13 | 显示全部楼层
输入过程中出现统计数字也可以的,你只要把现在onlostfocus 的事件改到 onkeyup就可以了,我刚试过了

0

主题

49

回帖

418

积分

会员

Rank: 5Rank: 5

积分
418
 楼主| 发表于 2010-4-22 14:17:06 | 显示全部楼层
我终于做出来啦~~~~~~~~

附件为效果
感谢xxss给我的灵感

不过XXSS的

关于在输入域内光标移动中即消失提示信息这块,需要用On Fucus
你用的是OnClick  ,不知道是笔误还是什么~~~~

提点建议.rp

70.16 KB, 下载次数: 31

测试.zip

31.77 KB, 下载次数: 21

http://service.t.sina.com.cn/widget/qmd/1654084740/c0e75a5e/2.png

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-4-22 14:25:03 | 显示全部楼层
:)看到你的效果了

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-5-28 11:26:53 | 显示全部楼层
之前好像没有看到你说的关于onclick 与onfocus的内容,今天才看到……
其实那也不算手误 ,因为我发现用两个中的任何一个都可以实现相同的效果
除了textarea,还有droplist和listbox的onclick与onchange事件,我对比了之后发现,几乎也是同样的效果,只是用onclick时浏览器中鼠标会变成小手……
IE中:
ie1.jpg ie2.jpg ie3.jpg

FIREFOX中:
ff1.jpg ff2.jpg ff3.jpg ff4.jpg

RP文档: test.rp (75.67 KB, 下载次数: 16)

0

主题

107

回帖

388

积分

会员

Rank: 5Rank: 5

积分
388
发表于 2010-5-28 11:32:19 | 显示全部楼层
我个人觉得用AXURE做原型 的目的就是为了快速传达一些信息,展示效果,所以我是没有很在意是否一定不用onclick或者一定要用Onfocus,onchange……呵呵,我是随意的

1

主题

269

回帖

292

积分

版主

Nick

Rank: 7Rank: 7Rank: 7

积分
292
QQ
发表于 2010-5-28 11:34:11 | 显示全部楼层
:handshake
适不适合做产品人?请问自己:
我是否拥有完美之心、想得到、说得出、做的好

0

主题

97

回帖

446

积分

会员

Rank: 5Rank: 5

积分
446
发表于 2010-5-28 13:34:48 | 显示全部楼层
很棒
您需要登录后才可以回帖 登录 | 新用户注册

本版积分规则

QQ|手机版|友情链接|版权声明|关于我们|Axure中文社区 |网站地图

GMT+8, 2024-4-29 01:09

Powered by Discuz! X3.4

Copyright © 2001-2020, Tencent Cloud.

快速回复 返回顶部 返回列表