Nova poruka

Horizontal menu Highlighting

poruka: 17
|
čitano: 1.427
|
moderatori: Lazarus Long, XXX-Man, vincimus
1
+/- sve poruke
ravni prikaz
starije poruke gore
Kule_zg 
14 godina
neaktivan
offline
pon 5.3.2012 18:40
Odgovori Citiraj
Horizontal menu Highlighting

 

Napravio sa horizontalni menu bar u html i css-u i jedini problem mi je sto bi htio da mi je current tab
highlightan. Znaci klikom na odredeni tab da on postane oznacen drugom boljom.
Pokusao sam sa opcijom a:active ali nije uspjelo.

 

Kod mozete skinuti ovdje:

 

http://dl.dropbox.com/u/17770776/dark-menu.rar

 

Hvala

 

Poruka je uređivana zadnji put pon 5.3.2012 18:41 (Kule_zg).
Moj PC  
trajni link
0 0 hvala 0
suludi8 
16 godina
neaktivan
offline
pon 5.3.2012 19:01
Odgovori Citiraj
Re: Horizontal menu Highlighting

To možeš jednostavno s jQueryem napraviti. Znači u Css-u napraviš klasu .active{background-color:#000;color:#fff;}.

I onda samo ovo napiši u script tagu, pod uvjetom da si prvo pozvao jQuery.

 

 $('ul li a').click(function(){
                   $('ul li a').not(this).removeClass('active');
                   $(this).addClass('active');
                });

 

Naravno zamijeni ul li a sa svojom navigacijom. Ovo sam sad iz glave ispalio, ali mislim da radi.

 

 
trajni link nadporuka
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
pon 5.3.2012 19:24
Odgovori Citiraj
Re: Horizontal menu Highlighting

Probo sam ovo, ali nazalost ne radi.

Aj molim te ak ti nije problem otvorit kod pa pogledat samo kaj ne stima.

Moze i na PM.

Moj PC  
trajni link nadporuka
0 0 hvala 0
suludi8 
16 godina
neaktivan
offline
pon 5.3.2012 19:31
Odgovori Citiraj
Re: Horizontal menu Highlighting

Ma radi, sad sam ja probao. Samo sam ti zaboravio reći da ubaciš ovaj kod u jQuery funkciju.

 

 $(function() {

 

// Ode ide onaj kod od maloprije

 

 });

 

 

 
trajni link nadporuka
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
pon 5.3.2012 19:42
Odgovori Citiraj
Re: Horizontal menu Highlighting

Ma ne radi.

 

Da li klasu .active treba mozda pozvati i unutar <div> elementa ili samo u funkciji?

Moj PC  
trajni link nadporuka
0 0 hvala 0
david7 
14 godina
offline
pon 5.3.2012 19:44
Odgovori Citiraj
Horizontal menu Highlighting

Trebaš imati div koji ima klasu active, onda bi trebalo raditi.. Jesi povezao jQuery?

Moj PC  
trajni link
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
pon 5.3.2012 19:47
Odgovori Citiraj
Re: Horizontal menu Highlighting

Da, povezo sam jQuery

Stavio sam clasu .active u div ali opet ne radi

Moj PC  
trajni link nadporuka
0 0 hvala 0
suludi8 
16 godina
neaktivan
offline
pon 5.3.2012 19:54
Odgovori Citiraj
Re: Horizontal menu Highlighting

Evo ti jedna pojednostavljena verzija, pa se po njoj ravnaj. Samo sejvaj ovo kao html i pokreni.

 

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
        "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

<head>
    <title>Proba</title>
    <meta http-equiv="content-type" content="text/html;charset=utf-8" />
<style type="text/css">

.active{color:#000;}

</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script>
<script>
 $(function() {

 $('#menu li a').click(function(){
                   $('#menu li a').not(this).removeClass('active');
                   $(this).addClass('active');
                });
 

 });
</script>
</head>

<body>

       <ul id="menu" >
       <li><a href"#">Proba</a></li>
       <li><a href="#">Proba</a></li>
       <li><a href="#">Proba</a></li>
       <li><a href="#">Proba</a></li>
       <li><a href="#">Proba</a></li>
       <li><a href="#">Proba</a></li>
               </ul>


</body>
</html>

 
trajni link nadporuka
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
pon 5.3.2012 20:08
Odgovori Citiraj
Horizontal menu Highlighting

Kuzim, samo kad to primjenim na svoj menu, ne radi.

Moj PC  
trajni link
0 0 hvala 0
david7 
14 godina
offline
pon 5.3.2012 20:14
Odgovori Citiraj
Horizontal menu Highlighting

Možda zato što imaš klase na <li> elementima?

Moj PC  
trajni link
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
pon 5.3.2012 22:01
Odgovori Citiraj
Re: Horizontal menu Highlighting

Iso sam sad od pocetka pomocu ovog koda kaj je @suludi8 stavi, bez classa u <li>, znaci najobicniji meni i

gle cuda radi, samo sam trebo jos u .active dodati background-color.

Jedino sta je problem, ne mjenja se instant, vec kad maknem kursor sa taba, onda se promijeni pozadina. Ideja?

Moj PC  
trajni link nadporuka
0 0 hvala 0
suludi8 
16 godina
neaktivan
offline
pon 5.3.2012 22:44
Odgovori Citiraj
Re: Horizontal menu Highlighting

Ne razumijem, jel tebi treba hover ili  click event?

 
trajni link nadporuka
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
uto 6.3.2012 0:40
Odgovori Citiraj
Re: Horizontal menu Highlighting
suludi8 kaže...

Ne razumijem, jel tebi treba hover ili  click event?

Pa jednostavno, klikom na određeni tab na menu da mi highlighta trenutni(current) tab u kojem se nalazim.

Ako sam na HOME da ga oznaci, ako sam na PRODUCTS da ga oznaci.

 

I jos jedno pitanje ako znate

 

kako dobiti path do mjesta di se nalazim na stranici i kako dobiti trenutno vrijeme i ime autora iznad clanka?

 

Evo primjer sa slika:

Moj PC  
trajni link nadporuka
0 0 hvala 0
alankish 
15 godina
odjavljen
offline
uto 6.3.2012 9:17
Odgovori Citiraj
Horizontal menu Highlighting

klik.... jel trebaš nešto slično ovome? S time da je ovo build from scratch Joomla template, moram samo pogledati source, u biti to možeš i sam, s time da sam se isto dosta zezao.

 
trajni link
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
uto 6.3.2012 11:49
Odgovori Citiraj
Re: Horizontal menu Highlighting
alankish kaže...

klik.... jel trebaš nešto slično ovome? S time da je ovo build from scratch Joomla template, moram samo pogledati source, u biti to možeš i sam, s time da sam se isto dosta zezao.

Da, takvo nesto trebam, na toj stranici mogu vidjeti samo html source kod

Moj PC  
trajni link nadporuka
0 0 hvala 0
alankish 
15 godina
odjavljen
offline
uto 6.3.2012 11:54
Odgovori Citiraj
Re: Horizontal menu Highlighting
Kule_zg kaže...
alankish kaže...

klik.... jel trebaš nešto slično ovome? S time da je ovo build from scratch Joomla template, moram samo pogledati source, u biti to možeš i sam, s time da sam se isto dosta zezao.

Da, takvo nesto trebam, na toj stranici mogu vidjeti samo html source kod

Ovdje ti je link na pastebin, kamo sam ti zaljepio kompletni css za menu.

 
trajni link nadporuka
0 0 hvala 0
Kule_zg 
14 godina
neaktivan
offline
uto 6.3.2012 13:25
Odgovori Citiraj
Re: Horizontal menu Highlighting
alankish kaže...

Ovdje ti je link na pastebin, kamo sam ti zaljepio kompletni css za menu.

hvala, budem proucio

Moj PC  
trajni link nadporuka
0 0 hvala 0
1
Nova poruka
Pronađi
Prijava korisnika
E-mail:
Lozinka:
 
Aktivne teme
vrh stranice
Copyright © 2008 - 2025 Bug d.o.o. sva prava pridržana.