Pouze tento týden sleva až 80 % na e-learning týkající se JavaScriptu. Zároveň využij akce až 30 % zdarma při nákupu kreditů. Více informací:
Hledáme nové posily do ITnetwork týmu. Podívej se na volné pozice a přidej se do nejagilnější firmy na trhu - Více informací.
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 Čápka
Tým ITnetwork
Avatar
Odpovídá na valgard
David Čápka: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
One of the most common causes of failure is the habit of quitting when one is overtaken by temporary defeat.
Avatar
valgard
Člen
Avatar
Odpovídá na David Čápka
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 Čápka
Tým ITnetwork
Avatar
Odpovídá na valgard
David Čápka: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
One of the most common causes of failure is the habit of quitting when one is overtaken by temporary defeat.
Avatar
valgard
Člen
Avatar
Odpovídá na David Čápka
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.