sciter 提示消息弹窗与自定义弹窗

最新推荐文章于 2021-01-27 06:57:38 发布

打小我就狂

最新推荐文章于 2021-01-27 06:57:38 发布

阅读量501

点赞数

分类专栏： sciter

本文链接：https://blog.csdn.net/qq_42095701/article/details/103432448

版权

sciter 专栏收录该内容

65 篇文章 6 订阅

订阅专栏

<html>
<head>
<title>view.msgbox() variations</title>
<style></style>

@click @on "#hello-world-1": {
    var r = view.msgbox(#alert,"Hello world!");
    stdout.println(r);
}
@click @on "#hello-world-2": {
    var r = view.msgbox { type:#information,
                  content:"Hello world!",
                  caption:"Greeting:" };
    stdout.println(r);
}
@click @on "#hello-world-3": {
    view.msgbox { type:#information,
                  content:"world!",
                  caption:"Hello",
                  onLoad: function(root){ stdout.printf("msgbox loaded with %s\n",root); },
                  onClose: function(root,buttonSym){ stdout.printf("msgbox closed with #%s\n",buttonSym); }
                };
}

@click @on "#hello-world-4": {
    var result = view.msgbox { type:#question,
                               content:"Is anybody out there?",
                               //buttons:[#yes,#no]
                                buttons:[
                                 {id:#yes,text:"Yes",role:"default-button"},
                                 {id:#cancel,text:"No",role:"cancel-button"}]


                             };
    stdout.printf("msgbox result: #%s\n",result);
}

@click @on "#hello-world-5": {
    var result = view.msgbox { type:#error,
                               content:"<b #name></b> something is terribly\nwrong under your Sun.<br>Let's fix it!",
                               onLoad: function(root){ root.$(#name).text = "World!"; }
                             };
}

@click @on "#hello-world-6": {

</script>

</head>
<body>

<h1>view.msgbox() variations</h1>

<button #hello-world-1>Simple</button>
<button #hello-world-2>Simple with title</button>
<button #hello-world-3>Msgbox with events</button>
<button #hello-world-4>Msgbox with custom buttons</button>
<button #hello-world-5>Msgbox with initialization</button>
<button #hello-world-6>Msgbox with custom icon and inputs</button>
<img src="sres:busy.png">

<script type="text/html" #msg-box-contnent>
    <style>
      form { flow:row(label,input); border-spacing:10dip; }
      form > * { vertical-align:baseline; }
      form > label { horizontal-align:right; }
   </style>
    <p>Please provide login credentials <img src="sres:busy.png">:</p>
    <form>
      <label>Name:</label><input name="name" type="text" />
      <label>Password:</label><input name="password" type="password" />
    </form>
    <p #error style="color:red; height:1.4em;"></p>
</script>

</body>
</html>

view.msgbox 主要消息弹窗依靠这个函数

//自定义弹窗

var g_dialog = view.window
       {
           url: self.url("window.html"),
           x:750,
           y:500,
           parameters:
           { // view.parameters inside new window
               Head: iMajor ,
               subitem: iMinor ,
               iWindows: iWindows ,
               Page:PageNumber,
               TotalFileSize:totalFileSize,
               onProc: OnProcCallBack,
               onClose: onCloseCallback,
               Language:self.language
           }
       }

@click @on "#show-dialog-3":
    {
      var params = { one: "one", two: "two" }; // parameters to pass
      var v = view.dialog {
         url: self.url("samples/sample-dialog-2.htm"),
         x:300,
         y:300,
         alignment:5, // with window center at 300,300
         parameters: params
      };
      stdout.printf("sample-dialog-2 result:%v\n",v);
    }

打小我就狂

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
sciter 提示消息弹窗与自定义弹窗

<html> <head> <title>view.msgbox() variations</title><style></style><script type="text/tiscript"> @click @on "#hello-world-1": { var r = view.ms...
复制链接

扫一扫

专栏目录