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í
×
    včera 21:22 | Nová verze

    Bylo vydáno Eclipse IDE 2025-09 aneb Eclipse 4.37. Představení novinek tohoto integrovaného vývojového prostředí také na YouTube.

    Ladislav Hagara | Komentářů: 0
    včera 18:22 | IT novinky

    T-Mobile od 15. září zpřístupňuje RCS (Rich Communication Services) zprávy i pro iPhone.

    Ladislav Hagara | Komentářů: 1
    včera 13:22 | IT novinky

    Společnost ARM představila platformu Arm Lumex s Arm C1 CPU Cluster a Arm Mali G1-Ultra GPU pro vlajkové chytré telefony a počítače nové generace.

    Ladislav Hagara | Komentářů: 0
    včera 05:44 | Nová verze

    Unicode Consortium, nezisková organizace koordinující rozvoj standardu Unicode, oznámila vydání Unicode 17.0. Přidáno bylo 4 803 nových znaků. Celkově jich je 159 801. Přibylo 7 nových Emoji.

    Ladislav Hagara | Komentářů: 0
    9.9. 21:00 | IT novinky Ladislav Hagara | Komentářů: 10
    9.9. 18:33 | Nová verze

    Realtimová strategie Warzone 2100 (Wikipedie) byla vydána ve verzi 4.6.0. Podrobný přehled novinek, změn a oprav v ChangeLogu na GitHubu. Nejnovější verzi Warzone 2100 lze již instalovat také ze Snapcraftu a Flathubu.

    Ladislav Hagara | Komentářů: 1
    9.9. 12:22 | IT novinky

    Polské vývojářské studio CD Projekt Red publikovalo na Printables.com 3D modely z počítačové hry Cyberpunk 2077.

    Ladislav Hagara | Komentářů: 1
    9.9. 11:44 | Pozvánky

    Organizátoři konference LinuxDays 2025 vydali program a zároveň otevřeli registrace. Akce se uskuteční 4. a 5. října na FIT ČVUT v pražských Dejvicích, kde vás čekají přednášky, workshopy, stánky a spousta šikovných lidí. Vstup na akci je zdarma.

    Petr Krčmář | Komentářů: 7
    8.9. 22:00 | IT novinky

    Uživatelé komunikátoru Signal si mohou svá data přímo v Signalu bezpečně zálohovat a v případě rozbití nebo ztráty telefonu následně na novém telefonu obnovit. Zálohování posledních 45 dnů je zdarma. Nad 45 dnů je zpoplatněno částkou 1,99 dolaru měsíčně.

    Ladislav Hagara | Komentářů: 0
    8.9. 18:44 | Zajímavý článek

    Server Groklaw, zaměřený na kauzy jako právní spory SCO týkající se Linuxu, skončil před 12 lety, resp. doména stále existuje, ale web obsahuje spam propagující hazardní hry. LWN.net proto v úvodníku připomíná důležitost zachovávání komunitních zdrojů a upozorňuje, že Internet Archive je také jen jeden.

    🇵🇸 | Komentářů: 29
    Pro otevření více webových stránek ve webovém prohlížečí používám
     (83%)
     (7%)
     (2%)
     (2%)
     (4%)
     (2%)
    Celkem 161 hlasů
     Komentářů: 12, poslední včera 13:00
    Rozcestník

    Dotaz: JQuery css atributy

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