html Awesomium。ボタン押したらカウント上がっていく感じの。

Posted

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了html Awesomium。ボタン押したらカウント上がっていく感じの。相关的知识，希望对你有一定的参考价值。

import std.stdio;

import graphite.ww.application,
       graphite.ww.activity,
       graphite.ww.html,
       graphite.ww.widgets.button;

import awesomium4d.weakref,
       awesomium4d.jsarray,
       awesomium4d.webconfig,
       awesomium4d.websession,
       awesomium4d.webcore;

import graphite.deimos.glfw.glfw3;

shared static immutable myCSS = `* {
font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}`;


void main()
{
    import std.exception : enforce;
    enforce(glfwInit());
    scope(exit) glfwTerminate();

    auto config = WebConfig();
    config.additionalOptions ~= "--use-gl=desktop";
    WebCore webCore = WebCore.initialize(config);
    scope(exit) WebCore.shutdown();

    auto pref = WebPreferences();
    pref.enableWebAudio = true;
    pref.enableWebGL = true;
    pref.enableGPUAcceleration = true;
    pref.enableJavascript = true;
    pref.enableDart = true;
    pref.userStylesheet = myCSS;
    pref.enableSmoothScrolling = true;
    pref.enableRemoteFonts = true;
    pref.defaultEncoding = "utf-8";

    auto session = webCore.createWebSession(WebString(""), pref);

    auto activity = new GLFWActivity(600, 480, "foobar", session);

    HTMLElement[string] elements;

    elements["btn1"] = {
        auto btn1 = new GenericButton!
            q{<input type="button" id="btn1" onclick="btn1.onClick()" value="btn1">}
            ("btn1");

        size_t cnt;

        btn1.onClick.strongConnect(delegate(FiredContext ctx, WeakRef!(const(JSArrayCpp)) array){
            import std.string;

            ++cnt;
            btn1.value = format("cnt: %s", cnt);
        });

        return btn1;
    }();

    auto appPage = new TemplateHTMLPage!`main_view.html`(elements);
    activity.load(appPage);

    auto app = new GLFWApplication(activity);
    app.run();
}

<!doctype html>
<html lang="jp">
<head>
    <meta charset="utf-8">
    <title>MyView</title>
</head>
<body>
%[elements["btn1"].html%]
</body>
</html>

以上是关于html Awesomium。ボタン押したらカウント上がっていく感じの。的主要内容，如果未能解决你的问题，请参考以下文章

scss 180312ボタン押された感を简単に出す！

html チェックされたら推可能になるボタン

ruby 连続した日付をカウントする

python SQLでSELECT DISTINCTしてユニークな组み合わせをカウントするような问い合わせを，熊猫のデータフレームに书き変えてみました。以下「お昼のセットメニューの组み合わせに投票」と

html jQuery的で入力文字数をカウント

html ボタンアニメーション