Builder.cz - Informacni server o programovani

"v 2. tabulce nic nedělat?"
Ano, pokud zacnes premyslet a znas css. Proste tam pridas kaskadu tagu, jak jsi to udelal uz u "#knizky tr" (tag#id trtag).

#knizky tr:nth-child(2n+1) {display: none;}
#knizky tr:first-child,
#knizky tr tr:nth-child(2n+1),
#knizky tr tr:first-child
{display: table-row;}

"v 2. tabulce nic nedělat?" Ano, pokud zacnes premyslet a znas css. Proste tam pridas kaskadu tagu, jak jsi to udelal uz u "#knizky tr" (tag#id trtag). #knizky tr:nth-child(2n+1) {display: none;} #knizky tr:first-child, #knizky tr tr:nth-child(2n+1), #knizky tr tr:first-child {display: table-row;}

Citovat příspěvek

Ahoj,
toto řešení funguje super.
Chtěl bych ještě trochu změnit chování.

pokud dám do [ital]

super,
ještě se mi nemění kurzor myši, ale to už neřeším.

mooc díky

super, ještě se mi nemění kurzor myši, ale to už neřeším. mooc díky

Citovat příspěvek

Aha, to způsobuje tohle pravidlo, to totiž skryje všechny lichý řádky:

[code]#knizky tr:nth-child(2n+1) {
display: none;
}[/code]

Přidej do stylů ještě tohle a hlavičky se budou zobrazovat:

[code]#knizky tr:first-child {
display: table-row;
}[/code]

Aha, to způsobuje tohle pravidlo, to totiž skryje všechny lichý řádky: [code]#knizky tr:nth-child(2n+1) { display: none; }[/code] Přidej do stylů ještě tohle a hlavičky se budou zobrazovat: [code]#knizky tr:first-child { display: table-row; }[/code]

Citovat příspěvek

ahoj, tak jsem to zkoušel a funguje to super.

jen ještě nezobrazuje se

[quote]ještě pro zajímavost
když jsem testoval zachycení události "kliknutí myši" v JS tak mi .click nefunguje, ale musel jsem použít .live [/quote]

Událost pro kliknutí nejspíš nastavuješ ještě před tím, než je tlačítko v DOMu. Kód, který pracuje s prvky vkládej do události $(document).ready(function() { tvůj kód }); nebo zkráceně $(function() { ... });.

[quote]ještě pro zajímavost když jsem testoval zachycení události "kliknutí myši" v JS tak mi .click nefunguje, ale musel jsem použít .live [/quote] Událost pro kliknutí nejspíš nastavuješ ještě před tím, než je tlačítko v DOMu. Kód, který pracuje s prvky vkládej do události $(document).ready(function() { tvůj kód }); nebo zkráceně $(function() { ... });.

Citovat příspěvek

- To prostě musí fungovat, podle mě nevkládáš do stránky jQuery nebo nečekáš na načtení všech prvků.
- Je nutné kvůli popisu zanořovat další tabulku?
- Pokud chceš použít 'detknizka' u více řádků(nejspíš jo), tak to nedávej do id, ale do třídy.
- Řádky v tabulce můžeš vybírat pomocí pseudotřídy :nth-child().
- Místo atributů borderspacing a borderpadding se dá použít css vlastnost border-collapse.

[code]



src="http://code.jquery.com/jquery-1.6.1.min.js"
type="text/javascript"
>

- To prostě musí fungovat, podle mě nevkládáš do stránky jQuery nebo nečekáš na načtení všech prvků. - Je nutné kvůli popisu zanořovat další tabulku? - Pokud chceš použít 'detknizka' u více řádků(nejspíš jo), tak to nedávej do id, ale do třídy. - Řádky v tabulce můžeš vybírat pomocí pseudotřídy :nth-child(). - Místo atributů borderspacing a borderpadding se dá použít css vlastnost border-collapse. [code]

Citovat příspěvek

ještě pro zajímavost
když jsem testoval zachycení události "kliknutí myši" v JS tak mi [ital].click[/ital] nefunguje, ale musel jsem použít [ital].live [/ital]

[bold]Nefunkční událost[/bold]
$("#tlacitko").click(function(){
$("#search").toggle(1000);
});



[bold]Funkční událost[/bold]
$("#tlacitko").live('click', function(){
$("#search").toggle(1000);
});

toto chování mi není jasné, nicméně ".live" funguje

tak mě napadlo jak v této situaci mohu [ital].click [/ital] nahradit [ital].live [/ital]

mooc díky

ještě pro zajímavost když jsem testoval zachycení události "kliknutí myši" v JS tak mi [ital].click[/ital] nefunguje, ale musel jsem použít [ital].live [/ital] [bold]Nefunkční událost[/bold] $("#tlacitko").click(function(){ $("#search").toggle(1000); }); [bold]Funkční událost[/bold] $("#tlacitko").live('click', function(){ $("#search").toggle(1000); }); toto chování mi není jasné, nicméně ".live" funguje tak mě napadlo jak v této situaci mohu [ital].click [/ital] nahradit [ital].live [/ital] mooc díky

Citovat příspěvek

tak jsem to zkoušel a bohužel mi to nejede.

Připojuji sem výpis přímo výstupu v HTML

[bold]JS pripojuji[/bold]
[ital][/ital]
mám udělanou ještě jednu jednoduchou funkci na ověření funkčnosti připojeni JS a ta jede bez problémů.

[bold]HMTL výstup[/bold]

tak jsem to zkoušel a bohužel mi to nejede. Připojuji sem výpis přímo výstupu v HTML [bold]JS pripojuji[/bold] [ital][/ital] mám udělanou ještě jednu jednoduchou funkci na ověření funkčnosti připojeni JS a ta jede bez problémů. [bold]HMTL výstup[/bold]

Citovat příspěvek

Sorry, zapomněl jsem to uzavřít:

[code]
$('#faktury').delegate('span.cf', 'click', function() {
$(this)
.closest('tr')
.next('tr')
.find('table')
.toggle();
});[/code]

Sorry, zapomněl jsem to uzavřít: [code] $('#faktury').delegate('span.cf', 'click', function() { $(this) .closest('tr') .next('tr') .find('table') .toggle(); });[/code]

Citovat příspěvek

Přidávat id 1000 položkám, které se jinak dají jednoduše traverzovat, taky není zrovna výhra. Kód od qwejkl je v pohodě, akorát by to chtělo použít delegování:

[code]
$('#faktury').delegate('span.cf', 'click', function() {
$(this)
.closest('tr')
.next('tr')
.find('table')
.toggle();
});

Přidávat id 1000 položkám, které se jinak dají jednoduše traverzovat, taky není zrovna výhra. Kód od qwejkl je v pohodě, akorát by to chtělo použít delegování: [code] $('#faktury').delegate('span.cf', 'click', function() { $(this) .closest('tr') .next('tr') .find('table') .toggle(); });

Citovat příspěvek

Cau, pripoj jenom jeden handler na onclick k te hlavni tabulce.
Pak pri generovani php kodu akorat generuj tem prvkum, ktery maji zpusobovat rozbalovani, id (napr. ). A tem tabulkam generuj id
(napr. ). V handleru na click v te hlavni tabulce pak akorat pres jednoduchej regularni vyraz cekuj (event.target || event.srcElement).id na pritomnost toho $key_film a když to bude ok, tak si najdes prvek $key_detail a zobrazis ho pres nejakou tu funkci na animaci.
Hlavne nepripojuj click handler ke kazdymu tomu prvku, protoze v pripade napr. 1000 filmu by to bylo docela brutal, co sem cetl.

V dojo toolkitu:
[code]
function tableClickHandler(e) {
var result = null;
if( result = /([0-9]*)_film/i.exec((e.target || e.srcElement).id)) {
var args = {node:dojo.byId(result[1]+"_detail")};
if(tableClickHandler.lastAnimatedNode)
dojo.fx.combine([
dojo.fx.wipeIn(args), dojo.fx.wipeOut({node:tableClickHandler.lastAnimatedNode,duration:100})
]).play();
else
dojo.fx.wipeIn(args).play();
tableClickHandler.lastAnimatedNode = args.node;
}}
[/code]

Cau, pripoj jenom jeden handler na onclick k te hlavni tabulce. Pak pri generovani php kodu akorat generuj tem prvkum, ktery maji zpusobovat rozbalovani, id (napr. ). A tem tabulkam generuj id (napr. ). V handleru na click v te hlavni tabulce pak akorat pres jednoduchej regularni vyraz cekuj (event.target || event.srcElement).id na pritomnost toho $key_film a když to bude ok, tak si najdes prvek $key_detail a zobrazis ho pres nejakou tu funkci na animaci. Hlavne nepripojuj click handler ke kazdymu tomu prvku, protoze v pripade napr. 1000 filmu by to bylo docela brutal, co sem cetl. V dojo toolkitu: [code] function tableClickHandler(e) { var result = null; if( result = /([0-9]*)_film/i.exec((e.target || e.srcElement).id)) { var args = {node:dojo.byId(result[1]+"_detail")}; if(tableClickHandler.lastAnimatedNode) dojo.fx.combine([ dojo.fx.wipeIn(args), dojo.fx.wipeOut({node:tableClickHandler.lastAnimatedNode,duration:100}) ]).play(); else dojo.fx.wipeIn(args).play(); tableClickHandler.lastAnimatedNode = args.node; }} [/code]

Citovat příspěvek

Pokud se podle tvého kódu má po kliku na cf zobrazit ta skrytá TABLE s popisem v daším TR, tak:

$('span.cf').click(function() {
$(this).closest('tr').next('tr').find('table').show();
});

Pokud se podle tvého kódu má po kliku na cf zobrazit ta skrytá TABLE s popisem v daším TR, tak: $('span.cf').click(function() { $(this).closest('tr').next('tr').find('table').show(); });

Citovat příspěvek

Prima, ale nikde tam nevidím ten Javascript, ten voláš kde / jak? Jo a ukaž prosím HTML výstup, ne šablonu, ať je vidět, kde tam reálně pak je např. ten prvek

a podobně (počítám že ten asi vyleze z {$kniha['popis']}?)

Prima, ale nikde tam nevidím ten Javascript, ten voláš kde / jak? Jo a ukaž prosím HTML výstup, ne šablonu, ať je vidět, kde tam reálně pak je např. ten prvek

a podobně (počítám že ten asi vyleze z {$kniha['popis']}?)

Citovat příspěvek

jj určitě, to už jsem mohl sem dát dávno :-)