google reader 的 prompt 函数

zuroc

浏览: 1311960 次
性别:
来自: 江苏

最近访客更多访客>>

tiger754

u012363178

xxxcccvvv

surprise

博主相关

博客

微博

相册

留言

关于我

文章分类

社区版块

存档分类

博客分类：

网络

Google UI Opera HTML

IE7对prompt做了限制,MS的产品部门真是好奇怪....

我抄了一下google reader的prompt实现

function ie7(){
return (document.all?true:false)&&!("contains" in document)&&!window.opera&&("XMLHttpRequest" in window);
}

function raw_input(a,b){
b=b||'';
a={_message:a,_initialValue:b,_newValue:null}
if(ie7()){
    window.showModalDialog(
        "/reader/ui/3744973097-zh-CN-prompt?hl=zh-CN",a,
       "dialogHeight:140px;dialogWidth:400px;scroll:no;status:no;unadorned:yes"
    );
    return a._newValue
}else return window.prompt(a,b)
};

/reader/ui/3744973097-zh-CN-prompt?hl=zh-CN 的代码

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"><html><head><title>Google 阅读器</title>
<style type="text/css">
    html, body {
      margin: 0;
      font-size: 90%;
      background: #fff;
      color: #000;
    }

    body {
      padding: 1em;
    }

    html, body, input {
      font-family: arial, sans-serif;
    }

    #input {
      width: 100%;
    }

    #buttons {
      text-align: right;
    }

    #buttons input {
      width: 7em;
    }
</style>
<script type="text/javascript">
    function initPrompt() {
      var args = window.dialogArguments;

      var messageNode = document.getElementById("message");
      messageNode.innerHTML = args._message;

      var inputNode = document.getElementById("input");
      inputNode.value = args._initialValue;
    }

    function handleCancel() {
      window.dialogArguments._newValue = null;

      window.close();
    }

    function handleSubmit() {
      window.dialogArguments._newValue = document.getElementById("input").value;

      window.close();

      return false;
    }
</script></head>
<body onload="initPrompt()"><form onsubmit="return handleSubmit()" action=""><p id="message"></p>
<p><input type="text" id="input"></p>
<p id="buttons"><input type="submit" value="确定">
<input type="button" onclick="handleCancel()" value="取消"></p></form></body></html>

2
顶

0
踩

分享到：

心情流过 | jquery 1.3 event模型(消息<->订阅者)

2009-01-27 11:40
浏览 1723
评论(0)
分类:Web前端
查看更多

发表评论

您还没有登录,请您登录后再发表评论

最近访客更多访客>>

博主相关

文章分类

社区版块

存档分类

最新评论