Sva početnička pitanja Sva početnička pitanja bi trebala da se postavljaju u ovom forumu, a ako se pretvori u kvalitetnu diskusiju interesantnu svima - prebacićemo je u odgovarajući forum. Molimo "znalce" da ne omalovažavaju početnike, ako žele da pomognu svi ćemo biti zahvalni, ako ne žele, neka preskoče ovaj forum. |
|
Alati teme | Način prikaza |
26. 12. 2011. | #1 |
novi član
Na probnom radu
Datum učlanjenja: 25.07.2011
Poruke: 15
Hvala: 3
0 "Hvala" u 0 poruka
|
Active state i anchor pitanje
Pozdrav,
imam prostu HTML stranu sa dosta podataka. U sidebar imam 4-5 linkova tipa <li><a></a></li> koji vode / linkuju ka anchorima na toj istoj strani. Jos sam ubacio i jquery kako bi sve to klizillo kako valja. Ali me interesuje jedna stvar. Zelim da kada kliknem na link on bude u active state tj obojen drugacije od ostalih. Znaci klik na sidebar link odvede na anchor i da ima drugaciji stil od ostalih linkova npr isti stil kao za hover. Da li je to moguce ostvariti? |
26. 12. 2011. | #2 |
novi član
Na probnom radu
Datum učlanjenja: 25.07.2011
Poruke: 15
Hvala: 3
0 "Hvala" u 0 poruka
|
Jos jednostavnije objasnjeno.
Kôd:
<ul> <li><a href="#anchor-1">anchor one</a></li> <li><a href="#anchor-2">anchor second</a></li> <li><a href="#anchor-3">anchor third</a></li> </ul> |
26. 12. 2011. | #3 |
expert
Grand Master
Datum učlanjenja: 11.04.2010
Poruke: 998
Hvala: 141
959 "Hvala" u 153 poruka
|
Stavi ID sidebar na taj UL.
PHP kôd:
Poslednja izmena od webarto : 26. 12. 2011. u 22:14. |
26. 12. 2011. | #4 |
novi član
Na probnom radu
Datum učlanjenja: 25.07.2011
Poruke: 15
Hvala: 3
0 "Hvala" u 0 poruka
|
Kôd:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>testing</title> <script type="application/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script> <script type="application/javascript"> $('#sidebar a').click(function() { $('#sidebar a').removeClass('current'); $(this).addClass('current'); }); </script> <style type="text/css"> .current { color:#F00; }</style> </head> <body> <div id="sidebar"> <ul> <li><a href="#anchor-1">anchor one</a></li> <li><a href="#anchor-2">anchor second</a></li> <li><a href="#anchor-3">anchor third</a></li> </ul> </div> </body> </html> |
27. 12. 2011. | #5 |
Ivan Dilber
Sir Write-a-Lot
|
ovo ti nece raditi jer se taj javascript izvrsi pre nego sto browser zna da postoje neki linkovi (nije dotle jos stigao u parsiranju, posto ide redom). Zato postoje 2 resenja:
- old school je da samo script pomeris u html-u ispod DOM elementa sa kojim radis, znaci ispod liste u ovom slucaju. - modernije i vise u duhu jquerija je da js stavis unutar onDomReady handlera, sto se u jQueriju obicno pise ovako: $(function () { //ovde onaj kod }); , a pogledaj ready() metodu u jQuery dokumentaciji za vise informacija Prednost prvog resenja je sto ne cekas da se ceo DOM izrenderuje, sto ponekad dobro dodje, ali inace u 99% situacija zeleces da koristis ovaj drugi nacin, to je sad standard
__________________
Leadership is the art of getting people to want to do what you know must be done. |
"Hvala" ivanhoe za poruku: |
27. 12. 2011. | #6 |
novi član
Na probnom radu
Datum učlanjenja: 25.07.2011
Poruke: 15
Hvala: 3
0 "Hvala" u 0 poruka
|
Pozdrav,
hvala na odgovorima. Ivanhoe probao sam sa ovim fixom da stavim code ispod liste i radi savrseno. medjutim to sa jQuery nisam razumeo bas najbolje posto sam ja dizajner prevashodno i poceo sam da radim html/css. Tako da mi je sam JS prilicno stran za sada. Ako bih mogao da dobijem primer jQuery koda bio bih zahvalan, ukoliko ne opet hvala na prvom primeru. |
27. 12. 2011. | #7 |
expert
Grand Master
Datum učlanjenja: 11.04.2010
Poruke: 998
Hvala: 141
959 "Hvala" u 153 poruka
|
http://api.jquery.com/ready/
PHP kôd:
|
"Hvala" webarto za poruku: |
27. 12. 2011. | #8 |
novi član
Na probnom radu
Datum učlanjenja: 25.07.2011
Poruke: 15
Hvala: 3
0 "Hvala" u 0 poruka
|
Veliko hvala! Radi. Probacu sada za primer koji meni treba.
Usputno pitanje koju literaturu da koristim kao apsolutni pocetnik za ucenje JS/AJAX/jQuery ? |
27. 12. 2011. | #9 |
član
Certified
Datum učlanjenja: 03.10.2006
Poruke: 96
Hvala: 27
44 "Hvala" u 26 poruka
|
Ja licno nisam video bolju i jasniju literaturu od ovoga: http://jqfundamentals.com/ Topla preporuka za pocetak.
|
2 članova zahvaljuje djipko za poruku: |
27. 12. 2011. | #10 |
banned
Professional
Datum učlanjenja: 04.06.2005
Poruke: 371
Hvala: 0
738 "Hvala" u 83 poruka
|
Možeš i ići nešto kao:
Kôd:
$(function() { $(window).bind('hashchange load', function() { var fragment = location.href.replace(/^[^#]*#?(.*)$/, '$1' ); $('#sidebar a').removeClass('current'); $('#sidebar a[href$=#' + fragment + ']').addClass('current'); }); });
__________________
Don't look at me; I'm lost too. “If you can't dazzle them with brilliance, baffle them with bul*s**t.” |
|
|