Nové výhodné předplatné namísto kreditů je tu! Více informací. Upravili jsme také naše provozní podmínky.
NOVINKA: Staň se datovým analytikem a získej jistotu práce, lepší plat a nové kariérní možnosti. Více informací:

Diskuze: Výpis z DB -> Rozbalovací tabulka

V předchozím kvízu, Online test znalostí PHP, jsme si ověřili nabyté zkušenosti z kurzu.

Aktivity
Avatar
Jan Štrobl
Člen
Avatar
Jan Štrobl:22.2.2018 15:26

Ahoj,

snažím se tady vymyslet jak udělat rozbalovací tabulku/div pří výpisu z databáze. Situace je následující:
Mám nějaké formuláře které ukládají data (napři. o uživatelích). Následně mám stránku v administraci, na které si všechny tyhle záznamy zobrazuji a později si je budu filtrovat. Nicméně těch záznamů mám spousty, tudíž se mi tam na jeden řádek vypíše
ID | Jméno | Email | Telefon | adresa | Poznámka | ...
a to je někdy příliš dlouhé, tudíž bych rád aby se mi vypsal třeba div ve kterém by bylo pouze ID a jméno.. a po kliknutí na div jako takový nebo případně tlačítko by se mi rozroloval a já bych viděl všechny údaje daného uživatele. Mám pár nápadů jak to udělat, avšak se bojím že když kliknu na "rozbalovací" tlačítko, tak se mi rozbalí všechny řádky/divy.. Má s tím někdo zkušenost? Věděl by někdo jak na to? Předem díky.

E: Je mi jedno jestli by to bylo phpčkem nebo JS

Editováno
 
Odpovědět
22.2.2018 15:26
Avatar
Robert Ďurica
Člen
Avatar
Robert Ďurica:22.2.2018 19:13

Najjednoduhsie to spravis pomoci bootstrapu . Inak musis JS + v php nejakym cyklem data vykreslit.

 
Nahoru Odpovědět
22.2.2018 19:13
Avatar
petr.jouza
Člen
Avatar
Odpovídá na Jan Štrobl
petr.jouza:2.3.2018 15:35

Ahoj,
mám takový tip ke tvému problému. Řešil jsem něco podobného a jelikož JS moc neumím, tak jsem si našel i řešení v CSS. Používám od Bohumila Jahody - http://jecas.cz/css-rozbalovani
Po troše designových úprav je to výborně použitelné.

Pak mám ještě tip na jquery. Mám napsanou funkci JS:
soubor: prepnout-tridu.js

function prepnoutTridu (element, trida) {
    $("#" + element).toggleClass(trida) ;
}

Na konci souboru si načtu JS soubor:

<script src="./prepnout-tridu.js"></script>

mám nastavený CSS styl:

.skryj {display:none}

a nakonec přepínám třídu:

<input type="checkbox" name="k-prepnuti" id="k-prepnuti" onclick="prepnoutTridu('skryt1', 'skryj');">
<div id="skryt1" class="skryj"></div>

Dá se to použít i na tabulky.

 
Nahoru Odpovědět
2.3.2018 15:35
Avatar
petr.jouza
Člen
Avatar
Odpovídá na Jan Štrobl
petr.jouza:2.3.2018 15:41

Ještě jsem zapomněl, že musíš mít samozřejmě staženou i jQuery knihovnu. Ideálně ze stránek jQuery.com v head ji načíst.

<script src="./jquery.js"></script>
 
Nahoru Odpovědět
2.3.2018 15:41
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 4 zpráv z 4.