• 29
  • Dec
上一篇:« 礼物 下一篇:Where'd you go? »

媒体超市这个项目已经搞的八九还距离十有那么点距离
乐观估计会在三天内搞定五天后发布

如图所示这个小豆丁输入框花了我一点时间,所谓的思想的火花,也许是你的灰烬,但毕竟自己烧出来比较好玩,恩,还是来说说这个输入框

这个输入框(input)在默认状态下
(value="请输入您想...")

鼠标点进去的时候判断,如果内容是"请输入您想..."那么就清空,否则保留
onfocus="if (this.value == '请输入您想...') this.value = ''

鼠标点其他地方也就是失去bra的时候判断,如果内容为空,那么加上"请输入您想..."
onbra="if (this.value == '') this.value = '请输入您想...'
这里和bra有什么关系呢?小盆友们要好好学英文,正确写法应该是onblur
什么是blur呢?拿拳头往眼睛上猛k,当出现黑圈的时候,视线就开始bra了...恩,blur了

------这个时候老大跳出来---有必要分隔一下----------------------------------------------

老大说,搜索的时候要定个范围,比如你搜索bra,搜出来的只能是淘宝卖的,而不能出现ebay等其他网店

这样子的话,就是说要搜索的时候再加一个关键词淘宝,form提交的时候打断一下,插入一个第三者
onsubmit="return search_action()"

function search_action(){  
//search_action是这个模块的名字
     var search_info = document.getElementById("sr_keyw").value;
//定义中间变量获取输入框的值
    document.getElementById("sr_keyw").value = search_info +  " 淘宝";
//把输入框的值暗地里增加"淘宝"
    document.getElementById("sr_subm").focus();
//焦点放到其他地方去,方便二次搜索的时候再次激发onfocus
    return true;
//完事了就能提交
}

这么干有个缺点,第一次搜索后输入框里也会多出一个"淘宝"

于是想到第二次搜索的时候点击输入框的时候直接清空内容
onfocus="this.value = ''"

后来飞鱼提议: 如果输入框定义的是id,仅仅用来获取数据,另一个hide的input才是真正有name的数据提交input,就能避免在输入框多出隐藏的关键词了,哈,真high

呃,看完了...感觉不错的话推荐 订阅大猫的 RSS feed!

bookmark online分享到饭否

暧昧贴

» You can leave a comment, or trackback from your own site.

上一篇:« 礼物 下一篇:Where'd you go? »

37 Comments

  1. 胡戈戈 :

    猫猫

    [Reply]

    BigCat reply on December 29th, 2007:

    啊啊~

    [Reply]

  2. finvola :

    虽然有点像C语言
    总体来说我是不会的。。

    [Reply]

    BigCat reply on December 29th, 2007:

    是java script
    我也不会,最近用的到,边学边用哈

    [Reply]

  3. 阳光 :

    好Hi 哟

    [Reply]

  4. 阿企 :

    果然开始显露网页制作技术了……

    [Reply]

    BigCat reply on December 29th, 2007:

    - - 忽悠小盆友用的... js比较语义化,容易学

    [Reply]

  5. EdenPlay :

    猫你就显摆吧
    等我把网站UI做好了让你帮我看架构的时候你估计会后悔自己显摆过…灭哈哈哈!
    因为我已经把你定义为相关技能的高手了~~

    [Reply]

    BigCat reply on December 29th, 2007:

    - -! 我是做营销的,现在成功的把自己塑造了一个高手的形象
    哇哈哈
    我成功啦我成功啦

    [Reply]

    EdenPlay reply on December 30th, 2007:

    做营销也不怕,所谓“近朱者赤”
    好歹也是XX粑粑的人,俺会用实际行动告诉你——营销,是要付出成本滴~!

    [Reply]

  6. Unreal :

    好复杂,设计网站真不是容易事。

    [Reply]

    BigCat reply on December 29th, 2007:

    那一串命令就是因为很长而看起来很难?

    [Reply]

  7. 易水寒 :

    阿里猫猫。

    [Reply]

    BigCat reply on December 29th, 2007:

    昨天看公司内网,还有alibabe...专门指职员的小孩...哈哈

    [Reply]

  8. xxxl :

    纯属回复。看不懂。

    [Reply]

  9. Chris :

    有个古人说过;炫耀是要付出代价地`~ 活活哈哈

    [Reply]

    BigCat reply on December 29th, 2007:

    是不是那个古人后人被人扁了...

    [Reply]

  10. Unreal :

    不是……只是所谓的UI设计很难,要考虑很多事。

    [Reply]

    BigCat reply on December 29th, 2007:

    要是很简单,那么,就饭碗难保了...是不是呀
    多思考
    其实不管哪条路,你要真喜欢,走的再累也快乐的

    [Reply]

  11. yacca :

    原来还是做这个事情...原本以为大猫毫不迟疑的摆脱技术而走向媒体领域了-.-

    [Reply]

    BigCat reply on December 29th, 2007:

    做技术起点稍微高点
    但是终点有个极限,很难突破
    先赚钱,赚钱啊,然后养只女人和狗
    接着走出这个圈子....
    钱真是好东西

    [Reply]

  12. Unreal :

    但这个考虑是有回报的,是值得的。:)

    [Reply]

  13. Kola :

    这个搜索框里有原始内容,点下变空,空的时候移开又有原始内容,就是这样实现的啊,学到了,很好。

    [Reply]

    BigCat reply on December 29th, 2007:

    哈,其实很早我在博客的留言框里就做了这个效果呀
    查看下源代码就能发现
    :)

    [Reply]

  14. Unreal :

    大猫说的对。

    [Reply]

  15. cosbeta :

    绝对是显摆,楼下的,你说是不是?
    onblur = this.focus();多好的脚本阿!自己赞一个

    [Reply]

    BigCat reply on December 29th, 2007:

    你看你看,实力派的同学看不下去了...
    我肯定会focus = bra 的
    多好的思路~且让我自摸一把~
    LOL

    [Reply]

    cosbeta reply on December 29th, 2007:

    大猫三句不离淫,强悍,睡了,顺祝大猫和所有的网友元旦快乐!

    [Reply]

  16. greanty :

    文不绉绉的……

    [Reply]

  17. killy :

    踏上征途,
    步入正轨!

    [Reply]

    BigCat reply on December 30th, 2007:

    - -我不是一只很正.....?

    [Reply]

  18. 游惜溪 :

    非常勉强地看....到最后一句的时候完全看不懂了.

    ...搜索输入框也不知道在HIGH什么..

    [Reply]

    BigCat reply on January 1st, 2008:

    呃...这个..这篇属于科普记叙文..不好玩...

    [Reply]

  19. 游惜溪 :

    我到底打了什么字..........那么多表情.........猴子在HIGH什么

    [Reply]

    BigCat reply on January 1st, 2008:

    猴子对应关键词...比如你打个嘿嘿,就有只黑猴子出来..

    [Reply]

  20. damao-tr :

    高手。。。

    [Reply]

    BigCat reply on January 3rd, 2008:

    我是销售部技术最好的,技术部美工最好的
    谢谢

    [Reply]

看毕,沉思良久,挥键疾鼠: