https://linen.dev logo
Powered by
# haxe-ui
  • b
    ok, i can see whats going on... for some reason my listener for the DOM mutation event isnt firing - probably something changed in the spec? Anyway, you dont need a different version, you can do this:
  • o
    I notice in generated js
    Copy code
    JS
Main.main = function() {
    var app = new haxe_ui_HaxeUIApp();
    app.ready(function() {
        var c0 = new haxe_ui_containers_VBox();
        c0.set_styleString("padding: 5px;");
        var rootComponent = c0;
        var c0 = new haxe_ui_components_Button();
        c0.set_text("Click Me!");
        c0.set_styleString("font-size: 24px;");
        c0.addScriptEvent("onclick","this.text='Thanks!'");
        rootComponent.addComponent(c0);
        rootComponent.bindingRoot = true;
        var main = rootComponent;
        app.addComponent(main);
        app.start();
    });
};
  • o
    So I presume I can put something in the ready function
  • b
    Copy code
    haxe
class Main {
    static function main() {
        Toolkit.init();
        var slider = new HorizontalSlider();
        slider.ready(); // this should have been called automatically by the framework
        var el = Browser.document.getElementById("myContainer");
        el.appendChild(slider.element);
    }
}
  • b
    that should work
  • o
    Tried a few combinations
    Copy code
    Haxe
package ;

import haxe.ui.HaxeUIApp;
import haxe.ui.Toolkit;
import haxe.ui.components.HorizontalSlider;
import js.Browser;
import haxe.ui.core.Component;
import haxe.ui.macros.ComponentMacros;

class Main {
    public static function main() {
        /*Toolkit.init();
        var slider = new HorizontalSlider();
        slider.ready();{ // this should have been called automatically by the framework
        var el = Browser.document.getElementById("myContainer");
        el.appendChild(slider.element);
        Browser.document.appendChild( el );
        });*/
        
        var app = new HaxeUIApp();
        app.ready(function() {
            var slider = new HorizontalSlider();
            slider.ready(); // this should have been called automatically by the framework
            var el = Browser.document.getElementById("myContainer");
            el.appendChild(slider.element);
            Browser.document.appendChild( el );
            /*
            var main:Component = ComponentMacros.buildComponent("assets/main.xml");
            app.addComponent(main);

            app.start();
            */
        });
        
        /*
Toolkit.init();
var slider = new HorizontalSlider();
document.getElementById("something").appendChild(slider.element);
        */
    }
}
    It's not showing anything on screen.
  • b
    you'd need myContainer to exist in the .html file
  • b
    ie:
  • o
    oh ofcourse
  • b
    Copy code
    html
<!DOCTYPE html>
<html lang="en">
<head>
    <style>
    body, html {
        width: 100%;
        height: 100%;
        margin: 0;
        padding: 0;
    }
    </style>
    <meta charset="utf-8"/>
    <title>haxeui_appendChild</title>
    <meta name="description" content="" />
</head>
<body>
    
    <div id="myContainer">
        
    </div>
    
    <script src="haxeuiappendChild.js"></script>
</body>
</html>
  • b
    and if you are going the haxeuiapp route, you can do it other ways, i thought you just wanted a few sliders in an existing html page, so suggested the first way in your code
  • o
    Ah I am reluctant to add a div in my html, but this seems to work well :)
    Copy code
    Haxe
package ;

import haxe.ui.HaxeUIApp;
import haxe.ui.Toolkit;
import haxe.ui.components.HorizontalSlider;
import js.Browser;
import js.html.Element;
import haxe.ui.core.Component;
import haxe.ui.macros.ComponentMacros;

class Main {
    public static function main() {
        Toolkit.init();
        var slider = new HorizontalSlider();
        slider.ready();
        var el = Browser.document.createDivElement();
        Browser.document.body.appendChild( el );
        el.appendChild( slider.element );
    }
}
  • o
    Probably need to get food but that looks very interesting.
  • b
    sure, if you want to go that route, just use the HaxeUIApp?
  • b
    It'll just do pretty much exactly that (ie add to the body) but you wont need to call "ready()" or anything (which im looking at now anyway)
  • b
    also you can just do (btw):
  • b
    Browser.document.body.appendChild( slider.element );
  • o
    Quite exciting, thanks. 🙂
  • m
    @User Just wanted to let you know that the local module/theme I was using works ok compile to native. I even moved the initialization resources to the the theme and got the animation working. I left a note for Rob about sound loading from a file path. It appears that the sound may have benn found but not loaded to the SoundList.
  • b
    ok, great... so all working from haxeui's perspective?
  • m
    Is this solved? Just to know if I should update haxelib or not 🙂
  • b
    havent had a chance to look at it properly yet... stopped when lime told me hdll was wrong... will look again in a bit
  • p
    I managed to reproduce the error, but I'm not sure exactly where it's coming from, i'll have a closer look at it tommorow morning. Right now I suspect it's coming from a local function in ui.WhateverTheNameWasUI, but idk what's going wrong.
  • b
    ok, cool - nice one, good to know its reproducible then - thanks 🙂
  • p
    And unfortunately, the hashlink debugger only catches it in openfl's error handling, not where it actually gets thrown.
  • b
    ok, i can also reproduce now
  • b
    (rebuild lime for -32)
  • m
    @User Yep no issues with the kha/linux side. I will probably just delete the directory every time I want to test the native build
  • b
    ok, @User - should be fixed now... can you pull latest haxeui-core and try again
  • m
    Fo shizzle
1...455456457...1687Latest