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 18:11 | Nová verze

    Programovací jazyk Python byl vydán v nové major verzi 3.14.0. Podrobný přehled novinek v aktualizované dokumentaci.

    Ladislav Hagara | Komentářů: 2
    dnes 16:33 | IT novinky

    Bylo oznámeno, že Qualcomm kupuje Arduino. Současně byla představena nová deska Arduino UNO Q se dvěma čipy: MPU Qualcomm Dragonwing QRB2210, na kterém může běžet Linux, a MCU STM32U585 a vývojové prostředí Arduino App Lab.

    Ladislav Hagara | Komentářů: 1
    dnes 15:55 | Nová verze

    Multiplatformní open source voxelový herní engine Luanti byl vydán ve verzi 5.14.0. Podrobný přehled novinek v changelogu. Původně se jedná o Minecraftem inspirovaný Minetest v říjnu loňského roku přejmenovaný na Luanti.

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

    Byla vydána nová stabilní verze 6.10 (YouTube) multiplatformního frameworku a GUI toolkitu Qt. Podrobný přehled novinek v poznámkách k vydání.

    Ladislav Hagara | Komentářů: 0
    včera 23:55 | Komunita

    Ubuntu 26.04 LTS bude (𝕏) Resolute Raccoon (rezolutní mýval).

    Ladislav Hagara | Komentářů: 3
    včera 21:00 | Nová verze

    Netwide Assembler (NASM) byl vydán v nové major verzi 3.00. Přehled novinek v poznámkách k vydání v aktualizované dokumentaci.

    Ladislav Hagara | Komentářů: 0
    včera 20:11 | Komunita

    Linuxová distribuce Frugalware (Wikipedie) ke konci roku 2025 oficiálně končí.

    Ladislav Hagara | Komentářů: 0
    včera 17:22 | Nová verze

    Byla vydána nová verze 3.0.6 svobodné aplikace pro úpravu a vytváření rastrové grafiky GIMP (GNU Image Manipulation Program). Přehled novinek v oznámení o vydání a v souboru NEWS na GitLabu. Nový GIMP bude brzy k dispozici také na Flathubu.

    Ladislav Hagara | Komentářů: 0
    včera 16:11 | IT novinky

    Americký výrobce čipů AMD uzavřel s americkou společností OpenAI smlouvu na několikaleté dodávky vyspělých mikročipů pro umělou inteligenci (AI). Součástí dohody je i předkupní právo OpenAI na přibližně desetiprocentní podíl v AMD.

    Ladislav Hagara | Komentářů: 1
    včera 12:22 | Nová verze Ladislav Hagara | Komentářů: 0
    Jaké řešení používáte k vývoji / práci?
     (39%)
     (46%)
     (15%)
     (17%)
     (21%)
     (15%)
     (18%)
     (16%)
     (16%)
    Celkem 190 hlasů
     Komentářů: 12, poslední 4.10. 20:35
    Rozcestník

    Dotaz: JQuery css atributy

    xxxxxx avatar 21.8.2015 18:07 xxxxxx | skóre: 23
    JQuery css atributy
    Přečteno: 229×
    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.