NOVINKA: Získej 40 hodin praktických dovedností s AI – ZDARMA ke každému akreditovanému kurzu!
S účinností od 26. 3. jsme aktualizovali Zásady zpracování osobních údajů – doplnili jsme informace o monitorování telefonických hovorů se zájemci o studium. Ostatní části zůstávají beze změn.
Avatar
valgard
Člen
Avatar
valgard:14.12.2012 8:28

Ahoj, chcem poprosiť o radu, resp. 2 rady.

Mám navigačné menu, ktoré vyzerá ako 5 vedľa seba zoradených obrázkov. Majú nastavené opacity 0.3 a pri prejdení myšou opacity 1. Každé menu by malo po kliknutí zobraziť iný text + 2 tlačítka. Všetko by sa to malo zobraziť na stránke pod týmto menu.

Ako urobiť, aby po načítaní stránky bola aktívna prvá položka menu (opacity 1) s výpisom textu k nej priradenej a po kliknutí na inú položku sa zaze "aktivuje" (opacity 1) táto položka a zobrazí sa text k nej priradený.

Pozeral som si tutoriály k PHP i JS a napadlo ma urobiť výpis cez echo u php, alebo document.write u JS (radšej by som ten JS).

Neviem ale, ako nastylovať to menu aby sa aktivovalo tak ako som to popísal a tiež neviem ako si pripraviť ten text ktorý sa má zobrazovať po stlačení jednotlivých položiek v menu.

Poradí niekto ? Díky.

 
Odpovědět
14.12.2012 8:28
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na valgard
David Hartinger:14.12.2012 9:51

Ahoj, jak říkáš, musíš v PHP nastavit aktivnímu prvku nějakou třídu nebo ID, tak bude jako výchozí zapnutý. Jak máš ten styl:

li: hover
{
  opacity: 1;
}

nebo něco podobného, tak by mělo fungovat:

li: hover, #aktivni-polozka-menu
{
  opacity: 1;
}
Nahoru Odpovědět
14.12.2012 9:51
New kid back on the block with a R.I.P
Avatar
valgard
Člen
Avatar
Odpovídá na David Hartinger
valgard:14.12.2012 10:37

S PHP zatiaľ ešte nerobím, len kostru html+css. Urobil som to tak ako si mi napísal. Nastavil som aktívnemu prvku triedu a opacity 1. Díky.

Teraz ešte musím urobiť script, aby sa zobrazil nejaký výchozí text priradený k tomu aktívnemu prvku, a aby sa ten text menil podľa toho na ktorú položku menu kliknem + sa nahodilo opacity 0.3 na neaktívne prvky.

Prečítal som si raz tutoriál na JS (po objektové programovanie) pre prehľad čo to umožňuje. Najviac sa mi pozdáva riešenie cez jQuery a udalosti. Najprv do toho ale musím viac preniknúť :).

 
Nahoru Odpovědět
14.12.2012 10:37
Avatar
David Hartinger
Vlastník
Avatar
Odpovídá na valgard
David Hartinger:14.12.2012 11:17

V těch JavaScript tutoriálech jsem se bohužel nějak zasekl, ani nevím proč, mám tu připraveno mnoho materiálů. Asi to bude tím, že je o ostatní sekce větší zájem. Zkusím to napravit, ale teď dělám na MVC frameworku pro PHP:

Nahoru Odpovědět
14.12.2012 11:17
New kid back on the block with a R.I.P
Avatar
valgard
Člen
Avatar
Odpovídá na David Hartinger
valgard:14.12.2012 11:49

V pohode, zatiaľ som ešte nestíhol prejsť ani to čo už tu je :). Ja sa pokúšam hľadať aj iné tutoriály o JS, alebo tvorbe webu všeobecne, pretože skoro v každom sa dá nájsť niečo zaujímavé, čo v inom nieje. Problém je skor ale v tom, že snáď vo všetkých tutoriáloch okrem tvojeho sa to ešte vysvetľuje "starým" sposobom (napr. udalosti cez onClick a pod.). Si hovorím, že už keď sa to učím teraz a robím web úplne od nuly, tak to radšej urobím hneď podľa nových trendov.

Ďalšie články o JS ale určite využijem, keďže chcem na JS postaviť tú svoju hru a som ešte len na začiatku :).

 
Nahoru Odpovědět
14.12.2012 11:49
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 5 zpráv z 5.