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 06:00 | Nová verze

Po necelém roce od vydání verze 0.67 byla vydána verze 0.68 populárního telnet a ssh klienta PuTTY. Podrobnosti v přehledu změn. Řešeny jsou také bezpečnostní chyby.

Ladislav Hagara | Komentářů: 0
včera 21:32 | Nasazení Linuxu

Canonical představuje nejnovější verzi chytré helmy DAQRI s Ubuntu pro rozšířenou realitu. K vidění bude příští týden v Barceloně na veletrhu Mobile World Congress 2017.

Ladislav Hagara | Komentářů: 0
včera 21:31 | Pozvánky

Pro zájemce o hlubší znalosti fungování operačních systémů připravila MFF UK nový předmět Pokročilé operační systémy, v rámci něhož se vystřídají přednášející nejen z řad pracovníků fakulty, ale dorazí také odborníci ze společností AVAST, Oracle, Red Hat a SUSE. Tento předmět volně navazuje na kurz Operační systémy ze zimního semestru, ale pokud máte praktické zkušenosti odjinud (například z přispívání do jádra Linuxu) a chcete si

… více »
Martin Děcký | Komentářů: 6
včera 21:30 | Pozvánky

Czech JBoss User Group Vás srdečně zve na setkání JBUG v Brně, které se koná ve středu 1. března 2017 v prostorách Fakulty Informatiky Masarykovy Univerzity v místnosti A318 od 18:00. Přednáší Tomáš Remeš a Matěj Novotný na téma CDI 2.0 - New and Noteworthy. Více informací na Facebooku a na Twitteru #jbugcz.

mjedlick | Komentářů: 0
20.2. 23:45 | Zajímavý software

Na blogu Qt bylo představeno Qt 3D Studio. Jedná se o produkt dosud známý pod názvem NVIDIA DRIVE™ Design Studio. NVIDIA jej věnovala Qt. Jedná se o několik set tisíc řádků zdrojového kódu. Qt 3D Studio bude stejně jako Qt k dispozici jak pod open source, tak pod komerční licencí. Ukázka práce s Qt 3D Studiem na YouTube.

Ladislav Hagara | Komentářů: 10
20.2. 17:50 | Komunita

Nadace The Document Foundation (TDF) zastřešující vývoj svobodného kancelářského balíku LibreOffice slaví 5 let od svého oficiálního vzniku. Nadace byla představena 28. září 2010. Formálně byla založena ale až 17. února 2012.

Ladislav Hagara | Komentářů: 0
20.2. 12:50 | Komunita

Mozilla.cz informuje, že dosud experimentální funkce Page Shot z programu Firefox Test Pilot (zprávička) se stane součástí Firefoxu. Page Shot je nástroj pro vytváření snímků webových stránek. Umí výběr oblasti, prvku stránky (např. odstavce), nebo uložení snímku celé stránky. Snímky lze ukládat na disk nebo nahrávat na server Mozilly. Nedávno bylo oznámeno, že se součástí Firefoxu stane Activity Stream.

Ladislav Hagara | Komentářů: 33
20.2. 04:10 | Nová verze

Po 10 týdnech vývoje od vydání Linuxu 4.9 (zprávička) oznámil Linus Torvalds, mj. již 20 let žijící v USA, vydání Linuxu 4.10 (LKML). Přehled nových vlastností a vylepšení například na Kernel Newbies a v Jaderných novinách (1, 2 a 3). Kódové jméno Linuxu 4.10 je Fearless Coyote.

Ladislav Hagara | Komentářů: 27
19.2. 15:55 | Zajímavý projekt

Vyzkoušet si příkazy a vyřešit několik úkolů lze na stránkách Commandline Challenge (CMD Challenge). Úkoly lze řešit různými způsoby, důležitý je výsledek. Zdrojové kódy jsou k dispozici na GitHubu pod licencí MIT.

Ladislav Hagara | Komentářů: 19
18.2. 17:35 | Bezpečnostní upozornění

Německá Bundesnetzagentur (obdoba českého ČTU) zakázala na německém území prodej panenky Cayla kvůli „špionáži“ dětí. Tato elektronická hračka obsahuje mikrofon, reproduktor a kameru a bezdrátové komunikační rozhraní, pomocí kterého se hračka připojuje na servery výrobce. Takovýmto způsobem může hračka pomocí umělé inteligence „odpovídat“ na dotazy dítěte. Hlavní problém bude ale asi někde jinde, podle prvotních zpráv může

… více »
Petr Tomášek | Komentářů: 34
Jak se stavíte k trendu ztenčování přenosných zařízení (smartphony, notebooky)?
 (14%)
 (2%)
 (71%)
 (3%)
 (10%)
Celkem 680 hlasů
 Komentářů: 63, poslední dnes 11:29
Rozcestník

Dotaz: JQuery css atributy

mika-talvinen avatar 21.8.2015 18:07 mika-talvinen | skóre: 23 | Plzeň
JQuery css atributy
Přečteno: 126×
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)
mika-talvinen avatar 21.8.2015 21:42 mika-talvinen | skóre: 23 | Plzeň
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.
mika-talvinen avatar 21.8.2015 22:48 mika-talvinen | skóre: 23 | Plzeň
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.