abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
AbcLinuxu hledá autory!
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    dnes 22:33 | IT novinky

    Český telekomunikační úřad vydal zprávy o vývoji cen a trhu elektronických komunikací se zaměřením na rok 2024. Jaká jsou hlavní zjištění? V roce 2024 bylo v ČR v rámci služeb přístupu k internetu v pevném místě přeneseno v průměru téměř 366 GB dat na jednu aktivní přípojku měsíčně – celkově jich tak uživateli bylo přeneseno přes 18 EB (Exabyte). Nejvyužívanějším způsobem přístupu k internetu v pevném místě zůstal v roce 2024 bezdrátový

    … více »
    Ladislav Hagara | Komentářů: 0
    dnes 12:11 | Nová verze

    Raspberry Pi OS, oficiální operační systém pro Raspberry Pi, byl vydán v nové verzi 2025-10-01. Přehled novinek v příspěvku na blogu Raspberry Pi a poznámkách k vydání. Jedná o první verzi postavenou na Debianu 13 Trixie.

    Ladislav Hagara | Komentářů: 0
    dnes 05:22 | Nová verze

    Byla vydána nová verze 4.6 svobodného notačního programu MuseScore Studio (Wikipedie). Představení novinek v oznámení v diskusním fóru a také na YouTube.

    Ladislav Hagara | Komentářů: 0
    dnes 02:22 | Komunita

    Společnost DuckDuckGo stojící za stejnojmenným vyhledávačem věnovala 1,1 milionu dolarů (stejně jako loni) na podporu digitálních práv, online soukromí a lepšího internetového ekosystému. Rozdělila je mezi 29 organizací a projektů. Za 15 let rozdala 8 050 000 dolarů.

    Ladislav Hagara | Komentářů: 4
    včera 20:11 | Nová verze

    Svobodný multiplatformní herní engine Bevy napsaný v Rustu byl vydán ve verzi 0.17. Díky 278 přispěvatelům.

    Ladislav Hagara | Komentářů: 0
    včera 16:11 | Nová verze

    Bylo vydáno openSUSE Leap 16 (cs). Ve výchozím nastavení přichází s vypnutou 32bitovou (ia32) podporou. Uživatelům však poskytuje možnost ji ručně povolit a užívat si tak hraní her ve Steamu, který stále závisí na 32bitových knihovnách. Změnily se požadavky na hardware. Leap 16 nyní vyžaduje jako minimální úroveň architektury procesoru x86-64-v2, což obecně znamená procesory zakoupené v roce 2008 nebo později. Uživatelé se starším hardwarem mohou migrovat na Slowroll nebo Tumbleweed.

    Ladislav Hagara | Komentářů: 3
    včera 16:00 | IT novinky

    Ministerstvo průmyslu a obchodu (MPO) ve spolupráci s Národní rozvojovou investiční (NRI) připravuje nový investiční nástroj zaměřený na podporu špičkových technologií – DeepTech fond. Jeho cílem je posílit inovační ekosystém české ekonomiky, rozvíjet projekty s vysokou přidanou hodnotou, podpořit vznik nových technologických lídrů a postupně zařadit Českou republiku mezi země s nejvyspělejší technologickou základnou.

    … více »
    Ladislav Hagara | Komentářů: 3
    včera 12:55 | Nová verze

    Radicle byl vydán ve verzi 1.5.0 s kódovým jménem Hibiscus. Jedná se o distribuovanou alternativu k softwarům pro spolupráci jako např. GitLab.

    Ladislav Hagara | Komentářů: 3
    včera 03:22 | IT novinky

    Společnost OpenAI představila text-to-video AI model Sora 2 pro generování realistických videí z textového popisu. Přesnější, realističtější a lépe ovladatelný než předchozí modely. Nabízí také synchronizované dialogy a zvukové efekty.

    Ladislav Hagara | Komentářů: 4
    30.9. 23:11 | Nová verze

    UBports, nadace a komunita kolem Ubuntu pro telefony a tablety Ubuntu Touch, vydala Ubuntu Touch 24.04-1.0, tj. první stabilní vydání založené na Ubuntu 24.04 LTS.

    Ladislav Hagara | Komentářů: 0
    Jaké řešení používáte k vývoji / práci?
     (41%)
     (47%)
     (15%)
     (16%)
     (18%)
     (14%)
     (17%)
     (14%)
     (14%)
    Celkem 158 hlasů
     Komentářů: 9, poslední 24.9. 17:28
    Rozcestník

    Dotaz: JavaScript

    18.8.2009 14:37 Sten Fil | skóre: 4
    JavaScript
    Přečteno: 430×

    Ahoj,

    pri click na element chci zavolat metodu

    OnClick_.

    Nevite jak zjednodusit ten zapis

    .click (...)

    Diky.

     

    function Frm_Login (element)
    {
        $(element).click ( function (frm) {
            return function () { frm.OnClick_(); };
        }(this));

    };

    Frm_Login.prototype.OnClick_ = function ()
    {

         /* Nejake operace. */
    };

     

     

    Odpovědi

    Tarmaq avatar 18.8.2009 15:59 Tarmaq | skóre: 39
    Rozbalit Rozbalit vše Re: JavaScript
    priklad mi prijde dost neotesany, ale minimalne zjednodusit lze zbytecne zanoreni volani do dalsi funkce:
    function Frm_Login (element)
    {
        $(element).click ( function (frm) {
            return frm.OnClick_;
        }(this));
    };
    
    Don't panic!
    18.8.2009 16:47 Sten Fil | skóre: 4
    Rozbalit Rozbalit vše Re: JavaScript

    Zkousim takovou "okenni" aplikaci, ktera by bezela v internetovych prohlizecich.

    Pomoci knihovny dhtmlx vytvarim okna (formulare). Na test treba Frm_Test.

    var okno1 = new Frm_Test ();

    var okno2 = new Frm_Test ();

    A potrebuju aby pri stisku daneho tlacitka na formulari se zavolala metoda

    daneho objektu. Tak mi to prislo podobne jako v desktop aplikacich.

    S JS zacinam takze mozna to je blbost. Uvidim casem.

     

    Tady je cely priklad:




    function Geozone_Frm_Login (ownerWS)
    {
        /**
         * PRIVATE
         */
        var mThis = this;
        var mWin;
        var mCtlLogin;
        var mBtnLogin;
        var mOwnerWS = ownerWS;
       
        /**
         * PROPERTIES
         */
        this.BtnLogin = function () { return mBtnLogin; };
        this.Win = function () { return mWin; };
        this.CtlLogin = function () { return mCtlLogin; };
        this.OwnerWs = function () { return mOwnerWS; };

        /**
         * CONSTRUCTOR
         */   
        /* Vytvorime sebe. dhtmlxWindow. */
        mWin =  MV7.Dhtmlx ().CreateWindow ("FrmLogin" + MV7.UId (), 0, 0, 325, 125, 'Prihlaseni');
       
        /* Prusvitnost. */
        $(mWin).css ({'opacity' : '.90'});
       
        /* Tlacitka formu. */
        mWin.button('close').hide ();
        mWin.button('minmax1').hide ();
        mWin.button('park').hide ();

        /* Umisteni. */
        mWin.denyResize ();
        mWin.center ();
       
        /* Prvek Login */
        mCtlLogin = new Geozone_Ctl_Login ();
        mCtlLogin.Position (5, 5);

        mBtnLogin = new MV7_Widget_Button ('Prihlasit');
        mBtnLogin.Geometry (225, 70, 90, 30);

        $(mBtnLogin.Ele ()).click (function () {
            mThis.BtnLoginOnClick_ ();
        });

        /* Nahozeni prvku na form. */
        mWin.attachObject (mCtlLogin.Ele ());
        mWin.appendObject (mBtnLogin.Ele ());
    };

    Geozone_Frm_Login.prototype.BtnLoginOnClick_ = function ()
    {
        var mThis = this;
       
        this.Win ().progressOn ();
        $(this.BtnLogin ().Ele ()).attr ('disabled', 'disabled');
       
        data = this.CtlLogin ().GetData ();
        MV7.Log ().Trace ('name: ' + data.name + '; pass: ' +data.pass);
       
        this.OwnerWs ().LoginTest (data.name, data.pass,
            function (recv) {
                mThis.LoginTestOnSuccess_ (recv);
            },
            function (obj)
            {
                return function (a, b) {obj.LoginTestOnError_ (a, b); };
            }(this)
           
            );
    /*   
        function (obj)
        {
            return function (recv) { obj.LoginTestOnSuccess_ (recv); };
        }(this),
    */
    };

    /**
     * Volana po uspesnem zavolani WebSluzby Logintest.
     * @param recv
     * @return
     */
    Geozone_Frm_Login.prototype.LoginTestOnSuccess_ = function (recv)
    {
        var res;
       
        res = this.OwnerWs ().LoginTestResult (recv);
       
        MV7.Log ().Trace ('ReturnCode:' + res.ReturnCode);
    };

    Geozone_Frm_Login.prototype.LoginTestOnError_ = function (a, b)
    {
        MV7.Log ().Info ('LoginTestOnError_' + a + b);
    };
     

     

     

    19.8.2009 04:52 Deleted [8409] | skóre: 14 | blog: darkblog
    Rozbalit Rozbalit vše Re: JavaScript
    Na okenni aplikace to chce nejaky toolkit (treba qooxdoo), tento kod vypada podle me strasne:-)
    19.8.2009 10:57 Sten Fil | skóre: 4
    Rozbalit Rozbalit vše Re: JavaScript

    qooxdoo urcite vyzkousim.

    Komplet strasne nebo snad jen nektere konstrukce ? :-)

    19.8.2009 11:34 Deleted [8409] | skóre: 14 | blog: darkblog
    Rozbalit Rozbalit vše Re: JavaScript
    Mi prijde takove neprehledne to vytvareni objektu, a ten objektovy system, ale to je tim, ze jsem zvykly na neco jineho a podle me cistejsiho. Jen se mrkni jak funguje objektovy system v qooxdoo, a uvidis, ze to ma neco do sebe (aspon do cistoty kodu urcite). Neco podobneho, ale velice lightweight jsem napsal v knihovne blite, ale jedna se jen o mini-knihovnu, ktera je vhodna jen na stranky, ne na aplikace (to byl cil).

    Jinak tech frameworku je vic, ja jsem zminil qooxdoo, protoze s nim mam asi rok zkusenosti, a prijde mi to dobre navrzene;)
    19.8.2009 12:38 Sten Fil | skóre: 4
    Rozbalit Rozbalit vše Re: JavaScript

    No mne pripada, ze v JS jde pouzit styl modul (podobne C) i objekt (C++,C#).

    Modul soubor js podobny souboru v C:

    var Modul1 = function() {   
        /* Privatni promenne modulu. */
        var _xx = 0;
        var _xy = null;
        /* Verejne metody. */
        return {
            Metoda1 : function ()
            {
            },
            Metoda2 : function ()
            {
            }
        }
    }();
    V kodu pak volame metody
    Modul1.Metoda1 ().
    Tohle mi pripada dost jasne a funkcni.
     
    Objekt. To je ten muj pokus. Priblizit se k objektum podobnym treba v C++ nebo C# se mi zatim nepodarilo.
    Existuje spoustu knihoven, ktere to nejak implementuji, ale zatim sem tomu moc neporozumel.
    Aby objekt mel sve privatni promenne a metody a verejne prommene a metody a fungovala dedicnost to
    netusim jak udelat. Vzdy je tam nejake ale.

     

     
    19.8.2009 22:40 Deleted [8409] | skóre: 14 | blog: darkblog
    Rozbalit Rozbalit vše Re: JavaScript
    No právě, tento systém je podle mě strašně nepřehledný a na větší projekt se mi to zdá šílené. Příklad vytváření objektů v qooxdoo:
    qx.Class.define("myNamespace.A", {
      // Dědičnost.
      extend: qx.core.Object,
    
      // Konstruktor
      construct: function()
      {
        // Něco jako v jave super(), volání konstruktoru třídy, kterou rozšiřujeme (extend)
        this.base(arguments);
        
        // Něco ...
      },
      members: {
        // metody, v js je všecho jako virtual v C++:)
        tell: function()
        {
          alert("myNamespace.A.tell()");
        }
      }
    });
    
    qx.Class.define("myNamespace.B", {
      // Dědičnost.
      extend: myNamespace.A,
    
      // Konstruktor
      construct: function()
      {
        // Něco jako v jave super(), volání konstruktoru třídy, kterou rozšiřujeme (extend)
        this.base(arguments);
        
        // Něco ...
      },
      members: {
        // no a tady si tu metodu reimplementujeme
        tell: function()
        {
          // zavolá metodu tell z myNamespace.A
          this.base(arguments);
    
          // další kód...
          alert("myNamespace.B.tell()");
        }
      }
    });
    
    Viz dokumentace

    Přijde mi to celkem čisté (na javascript až moc:) ). Qooxdoo umí i interfaces, mixins, properties, události, atd:)
    Tarmaq avatar 19.8.2009 15:58 Tarmaq | skóre: 39
    Rozbalit Rozbalit vše Re: JavaScript

    taky mam s qooxdoo asi dvoulete zkusenosti, neni to uplne spatne, ale jak rikas neni to uplne lightweight.. jinak kdyz jsme migrovali z 0.6.x na 0.7.3 tak to byl docela porod a ted uz je 0.8, do cehoz jsme se radsi ani nepousteli - nase aplikace ma cca 40k radku ;]

    Na ukazku narychlo splacnuta trida:
    qx.Class.define("b.tabview.ButtonFoo",
    {
        extend : qx.ui.pageview.tabview.Button,
    
        construct : function(title)
        {
            this.base(arguments, title);
            this.setAppearance("tab-view-button-Foo");
            this.addEventListener('click', this.bar, this);
        },
        members :
        {
            prop1 : 'OMG',
            foo : function(blah)
            {
                return blah.roflmao();
            },
            bar : function(e)
            {
                alert(e.getTarget().getLabel());
            }
    });
    
    API
    Don't panic!
    19.8.2009 22:44 Deleted [8409] | skóre: 14 | blog: darkblog
    Rozbalit Rozbalit vše Re: JavaScript
    Tak to já jsem něco začal v 0.7.3 a pak migroval na 0.8.0 (později SVN) a migrování proběhlo tím způsobem, že jsem mazal kód. 0.8 řada se mi zdá míň ukecanější (hlavně ty layouty jsou teď lepší, třeba udělat grid layout v 0.7.3 mi dělalo celkem problém). No bylo toho víc, i ten treeview mi teď přijde lepší, a teď nové virtual widgets se mi hodně zamlouvají.

    Ale jak říkáš, qooxdoo je heavy, hodí se podle mě na admin rozhraní, webové aplikace, atd. Na normální webové stránky by to byl overkill (proto jsem napsal bLite).
    20.8.2009 15:58 Andrej Herceg | skóre: 43
    Rozbalit Rozbalit vše Re: JavaScript
    Pred nejakým časom som robil niečo v Ext JS. Keď som potom skúšal qooxdoo, tak mi ten kód vôbec nepripadal prehľadnejší (v porovnaní s tým Ext JS). :)
    21.8.2009 04:12 Deleted [8409] | skóre: 14 | blog: darkblog
    Rozbalit Rozbalit vše Re: JavaScript
    Ext jsem nikdy nezkoušel kvůli licenci, takže nemůžu posoudit :)
    Tarmaq avatar 21.8.2009 12:34 Tarmaq | skóre: 39
    Rozbalit Rozbalit vše Re: JavaScript
    tak tak... ;] ale jinak co jsem koukal na nejaky ukazkovy priklad, tak mi to neprijde prilis odlisne od qooxdoo..
    Don't panic!
    21.8.2009 12:40 Andrej Herceg | skóre: 43
    Rozbalit Rozbalit vše Re: JavaScript
    Ext JS som používal pred zmenou licencie. :)
    21.8.2009 12:49 Deleted [8409] | skóre: 14 | blog: darkblog
    Rozbalit Rozbalit vše Re: JavaScript
    Tak to vám nezávidím, co s tím teď :)
    mess avatar 21.8.2009 21:19 mess | skóre: 43 | blog: bordel | Háj ve Slezsku - Smolkov
    Rozbalit Rozbalit vše Re: JavaScript
    Neupgradovat :-). Však to bude ještě chvíli držet pohromadě.
    Cez párne mesiace zošíváš vaginy, cez neparne montuješ hajzle.
    18.8.2009 16:32 Sten Fil | skóre: 4
    Rozbalit Rozbalit vše Re: JavaScript

    Po precteni clanku na root zdrojak sem to upravil takhle.

    function Frm_Login (element)
    {

        var this_ = this;


        $(element).click ( function () {
            this_.OnClick_();
        });

    };

    Frm_Login.prototype.OnClick_ = function ()
    {

         /* Nejake operace. */
    };

    18.8.2009 19:42 Ladicek | skóre: 28 | blog: variace | Havlíčkův brod
    Rozbalit Rozbalit vše Re: JavaScript
    Klíč je v tom, že v JavaScriptu i funkce je hodnota. Takže si s ní můžete házet jak chcete: přiřazovat do proměnné, předávat jiné funkci jako parametr a tak.

    Takže i
    $(element).click ( function () {
      this_.OnClick_();
    });
    by mělo jít ještě trochu zjednodušit, asi tak na
    $(element).click ( this_.OnClick_ );
    To vyplývá z toho, jak v jQuery funguje click: jako parametr dostane funkci, kterou zavolá při kliknutí na element. V původní variantě vytváříte anonymní funkci, která teprve zavolá tu, co chcete. Ale protože nic jiného se v ní nedělá, můžete funkci click předat rovnou tu funkci, kterou potřebujete zavolat.
    Ještě na tom nejsem tak špatně, abych četl Viewegha.
    18.8.2009 21:02 Sten Fil
    Rozbalit Rozbalit vše Re: JavaScript

     

    Dik za info.
    Takhle mi to nejak nefunguje. Spoustim na FF 3.0 na debian.
    $(element).click ( this_.OnClick_ );
    Problem je v tom, ze v OnClick_ volam metody objektu viz. cely priklad nahore.
    A v te metode OnClick_ je v tomto pripade this = elementu na kterem udalost nastala.

     

    18.8.2009 23:38 Ladicek | skóre: 28 | blog: variace | Havlíčkův brod
    Rozbalit Rozbalit vše Re: JavaScript
    Máte samozřejmě pravdu, jQuery s this trochu šaškuje, jak já v tom pravidelně nepracuju a znám to jenom povrchně, tak jsem na to zapomněl. Ale na principu to nic nemění.
    Ještě na tom nejsem tak špatně, abych četl Viewegha.

    Založit nové vláknoNahoru

    Tiskni Sdílej: Linkuj Jaggni to Vybrali.sme.sk Google Del.icio.us Facebook

    ISSN 1214-1267   www.czech-server.cz
    © 1999-2015 Nitemedia s. r. o. Všechna práva vyhrazena.