[es] - Link ka odredjenom dijelu stranice

notebookFun
System Administrator
Novi Sad

Član broj: 226286
Poruke: 835

+20 Profil

^{05.05.2015. u 17:10 - pre 109 meseci}

Imam na stranici vise linkova ka jednoj stranici (CONTACT.HTML). Potrebno je kada kliknem na prvi link da otvori vrh stranice, kad kliknem na link2 da otvori sredinu stranice a kad kliknem na link3 dno stranice.

Kako najjednostavnije da izvedem ovo? Neka java skripta ili...?

Ukoliko se treseš od ljutnje na svaku nepravdu onda si moj suborac. ~Che Guevara

Odgovor na temu

plus_minus

Član broj: 289459
Poruke: 2242
*.dynamic.isp.telekom.rs.

Sajt: https://hardcoder.xyz

+2247 Profil

Re: Link ka odredjenom dijelu stranice

^{05.05.2015. u 17:56 - pre 109 meseci}

Mislim da pitanje nije za ovaj deo pod-foruma, ali ..

Code (html):

<a href="#topID"> Vrh </a>

<div id="topID">  </div>

<a href="#sredinaID"> Sredina </a>

<div id="sredinaID">  </div>

<a href="#donjiID"> Donji </a>

<div id="donjiID">  </div>

ID atribut se može dodeliti bilo kojem tagu. ID je isto što i name. Ustvari, ID i jeste ime elementa i treba/mora biti unikatno (name atribut se danas uglavnom koristi u sklopu formi). Inače, id za razliku od name atributa, se ne sme dodeliti više od jednom u sklopu html dokumenta. Dakle, jedan te isti html dokument ne može imati više istih vrednosti za ID atribut.

Kada u href atributu dodaš # ili tarabicu ili hash karakter.. to ustvari znači da se fokus baca na ono što ide posle. A to je ID određenog elementa.

Da bude jasnije, ako recimo staviš ovakav link

Code (html):

<a href="#"> Top </a>

 

.. klikom na isti, stranica se automatski povlači na gore. Vrh ili početak stranice izbija u prvi plan. A ako ima još teksta nakon tarabice, pretraživač će baciti fokus na ID atribut koji ima istu vrednost kao tekst nakon tarabice, ukoliko nema, desiće se isto kao da je samo tarabica ili - ništa. Što zavisi od pretraživača do pretraživača.

Ako hoćeš da upotrebiš i css na kontu ovoga, onda uzmeš :target selektor u obzir.

Da ne bi pisao već odavno utemeljeno i ispisano -> http://www.w3schools.com/cssref/sel_target.asp

about:networking

Odgovor na temu

notebookFun
System Administrator
Novi Sad

Član broj: 226286
Poruke: 835

+20 Profil

Re: Link ka odredjenom dijelu stranice

^{05.05.2015. u 19:41 - pre 109 meseci}

Citat:

plus_minus: Mislim da pitanje nije za ovaj deo pod-foruma, ali ..

Code (html):

<a href="#topID"> Vrh </a>

<div id="topID">  </div>

<a href="#sredinaID"> Sredina </a>

<div id="sredinaID">  </div>

<a href="#donjiID"> Donji </a>

<div id="donjiID">  </div>

Code (html):

<a href="#"> Top </a>

 

Hvala ti, kad vidim tvoj nickname obradujem se odlicnom odgovoru ;)

Ukoliko se treseš od ljutnje na svaku nepravdu onda si moj suborac. ~Che Guevara

Odgovor na temu