abclinuxu.cz AbcLinuxu.cz itbiz.cz ITBiz.cz HDmag.cz HDmag.cz abcprace.cz AbcPráce.cz
Inzerujte na AbcPráce.cz od 950 Kč
Rozšířené hledání
×
    včera 17:11 | Nová verze

    KiCad (Wikipedie), sada svobodných softwarových nástrojů pro počítačový návrh elektronických zařízení (EDA), byl vydán v nové major verzi 8.0.0 (𝕏). Přehled novinek v příspěvku na blogu.

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

    Na čem aktuálně pracují vývojáři GNOME a KDE? Pravidelný přehled novinek v Týden v GNOME a Týden v KDE.

    Ladislav Hagara | Komentářů: 0
    včera 12:33 | Nová verze

    Google zveřejnil seznam 195 organizací přijatých do letošního Google Summer of Code (GSoC). Dle plánu se zájemci přihlašují od 18. března do 2. dubna. Vydělat si mohou od 750 do 6600 dolarů. V Česku a na Slovensku je to 900 dolarů za malý, 1800 dolarů za střední a 3600 dolarů pro velký projekt. Další informace v často kladených otázkách (FAQ). K dispozici jsou také statistiky z minulých let.

    Ladislav Hagara | Komentářů: 0
    včera 08:00 | Nová verze

    Mixxx (Wikipedie), tj. svobodný software určený (nejenom) pro diskžokeje, byl vydán v nové major verzi 2.4.0. Přehled novinek i s videi v oficiálním oznámení. Aktualizována byla také uživatelská příručka. Oficiální flatpak je k dispozici na Flathubu.

    Ladislav Hagara | Komentářů: 0
    23.2. 18:44 | IT novinky

    Softwarová společnost Avast musí ve Spojených státech zaplatit pokutu 16,5 milionu dolarů (více než 386 milionů Kč) a přestat prodávat data o uživatelích k reklamním účelům. V tiskové zprávě to ve čtvrtek oznámila americká Federální obchodní komise (FTC). Společnost Avast se sídlem v Británii se podle FTC nedovoleného jednání dopouštěla přes svou českou součást Jumpshot.

    Ladislav Hagara | Komentářů: 10
    23.2. 14:33 | Zajímavý článek

    Andrey Konovalov popisuje, jak se mu podařilo na notebooku Lenovo ThinkPad X1 Carbon 6. generace povolit řadič xDCI, aby umožnil emulaci libovolných USB zařízení.

    Fluttershy, yay! | Komentářů: 1
    23.2. 10:00 | Nová verze

    Armbian, tj. linuxová distribuce založená na Debianu a Ubuntu optimalizovaná pro jednodeskové počítače na platformě ARM a RISC-V, ke stažení ale také pro Intel a AMD, byl vydán ve verzi 24.2 Kereru. Přehled novinek v Changelogu.

    Ladislav Hagara | Komentářů: 0
    23.2. 09:00 | Nová verze

    MindForger, tj. poznámkový blok, markdown editor a nástroj pro management znalostí, byl vydán v nové major verzi 2.0.0. Přehled novinek na GitHubu. Hlavní novinkou je integrace s LLM (OpenAI).

    Ladislav Hagara | Komentářů: 0
    23.2. 08:00 | IT novinky Ladislav Hagara | Komentářů: 6
    22.2. 21:22 | Nová verze

    Bylo vydáno Ubuntu 22.04.4 LTS, tj. čtvrté opravné vydání Ubuntu 22.04 LTS s kódovým názvem Jammy Jellyfish. Stejně tak Kubuntu 22.04.4 LTS, Ubuntu Budgie 22.04.4 LTS, Ubuntu MATE 22.04.4 LTS, Lubuntu 22.04.4 LTS, Ubuntu Kylin 22.04.4 LTS, Ubuntu Studio 22.04.4 LTS a Xubuntu 22.04.4 LTS. Pro ARM servery je nově k dispozici ISO arm64+largemem.

    Ladislav Hagara | Komentářů: 0
    Kolik máte nálepek na víku notebooku?
     (17%)
     (60%)
     (5%)
     (4%)
     (5%)
     (9%)
    Celkem 381 hlasů
     Komentářů: 14, poslední včera 17:01
    Rozcestník

    Dotaz: JQuery css atributy

    xxxxxx avatar 21.8.2015 18:07 xxxxxx | skóre: 23
    JQuery css atributy
    Přečteno: 170×
    Seznamuji se s JQuery a narazil jsem na problém se zobrazením/schováním části tabulky.

    Tabulka vypadá takhle:
    <tr id="switch_additional">
        <td class="blank">Doplňující informace</td>
        <td class="blank"></td>
    </tr>
    <tr class="additional">
        <td>Výška:</td>
        <td><input type="text" name="height" value=""></td>
    </tr>
    ...
    
    A k tomu JS:
    var additional_visible = false;
    
    $('.additional').hide();
    $('#switch_additional').css('border-bottom', 'solid 1px #666');
    $('.additional').css('border', '');
    $('.blank').css('border', '');
    
    $('#switch_additional').click(function () {
        if (additional_visible) {
            additional_visible = false;
            $('.additional').hide(0);
            $('#switch_additional').css('border-bottom', 'solid 1px #666');
    
            $('.tr_btn td').css('border', 'none', 'important');
            $('.blank').css('border', 'none', 'important');
        }
        else {
            additional_visible = true;
            $('.additional').show(500);
        }
    });
    
    Takže ve výchozím stavu po načtení stránky mají všechny tr.additional style="display: none;", to je OK.

    Když kliknu na tr#switch_additional, tak se objeví několik řádků tabulky, kterým se přidá style="display: table-row;", OK, funguje.

    Problém je, že ty dva td v tr#switch_additional dostanou style="border: medium none;" a nemůžu se toho zbavit, hledal jsem, kde se dalo, ale nic. Zkoušel jsem nastavovat různé kombinace border ''/'none', či dát tr#switch_additional colspan="2" namísto dvou td, ale vždycky se tam objeví ten border: medium, takže tam najednou je mřížka, i když tam být nemá.

    Takhle to zobrazuje Firefox, avšak Konqueror to zobrazuje, jak bych si představoval, tj. i po zobrazení/skrytí jako ve výchozím stavu.

    Mám na tom já něco špatně, nebo je to vlastnost Firefoxu?

    Odpovědi

    21.8.2015 20:57 chrono
    Rozbalit Rozbalit vše Re: JQuery css atributy
    1. Kde v dokumentácii jQuery sa píše, že funkcia css môže mať 3 parametre?
    2. Ak chcem meniť stav nejakého elementu v závislosti od toho, či je zobrazený/skrytý, tak sa to, zvyčajne, nerobí pomocou globálnej premennej
    3. Css sa mení pomocou funkcie .css len výnimočne a takmer nikdy v prípade, ak sa má meniť viac vecí naraz (zvyčajne sa pridá/odoberie class)
    xxxxxx avatar 21.8.2015 21:42 xxxxxx | skóre: 23
    Rozbalit Rozbalit vše Re: JQuery css atributy
    Díky za připomínky. Ty 3 parametry u css, to jsem se někde přehlédl, když už jsem zkoušel všechno možné...

    Přepsal jsem to takhle:
    $('.additional').hide();
    
    $('#switch_additional').click(function () {
        if ($('.additional').is(':visible')) {
            $('.additional').hide(0);
        }
        else {
            $('.additional').show(500);
        }
    });
    
    Tj. žádný style se nemění, class se nepřidává ani neodebírá a stejně to Konqueror zobrazí jako border: none a Firefox jako border: medium none;. Vůbec tomu nerozumím, nikde v CSS nemám medium, ani nikde jinde.
    svido avatar 21.8.2015 22:26 svido | skóre: 28
    Rozbalit Rozbalit vše Re: JQuery css atributy
    a co třeba použít jednodušší fci a to: toggle() - http://api.jquery.com/toggle/ Osobně memám moc rád změnu layoutu stránky po načtení stránky, kór když to jde už řešit na straně serveru. Dost často se setkávám s tím, že je na stránkách 20 i více document ready eventů a to není rozhodně optimální.
    $('.additional').hide();
    $('#switch_additional')
        .unbind('click.your_namespace')
        .click('click.your_namespace', function(){
            $('.additional').toggle();
        });
    
    svido avatar 21.8.2015 22:30 svido | skóre: 28
    Rozbalit Rozbalit vše Re: JQuery css atributy
    ještě jsem zapomněl, ono různé browsery různě vykreslují. A to, že vidíš border: medium none nemusí nic znamenat.

    Podle mne se vykašli na Konqueror, je to šílený browser a ani neznám moc lidí, kteří ho používají. Jestli budeš / děláš weby testuj především v Chrome, FF a IE. Ostatní mají minoritní podíly a pokud bude CSS napsaný dobře, tak v moderních browserech nejsou velké problémy.
    xxxxxx avatar 21.8.2015 22:48 xxxxxx | skóre: 23
    Rozbalit Rozbalit vše Re: JQuery css atributy
    Díky za radu, toggle jsem zkoušel, ale show/hide jsem tam nechal kvůli rozdílným trváním animací. Konqueror jinak nepoužívám, netestuji na něm, ale je to jediný browser, co mám zrovna nainstalovaný, takže jsem chtěl jen vidět, jestli je tam nějaký rozdíl. Pořád mi není jasné, kde se ten border vzal a docela mě to irituje :o).

    Měnit layout se mi koneckonců taky nelíbí, ale v mém případě to z hlediska ovládání aplikace dává větší smysl, než to řešit na serveru s nějakým GET parametrem.

    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.