[ Príspevkov: 7 ] 
AutorSpráva
Offline

Užívateľ
Užívateľ
One Page web - linkovanie

Registrovaný: 23.12.10
Prihlásený: 10.09.22
Príspevky: 1056
Témy: 157 | 157
Bydlisko: KK/PP/BA
NapísalOffline : 26.04.2016 22:57 | One Page web - linkovanie

Zdravim, mam problem s prelikovanim webu. Pouzivam bootstrap. One page stranka ma menu - sekcie rozdelene na: #section1, #section2... To mi aj funguje. Problem nastava, ak sa snazim prelinkovat napr. na #section2 z externej stranky. Kod:
Kód:
<li> <a class="page-scroll" href="index.html#section2">XXX</a></li>

Na index.html sa dostanem, ale do #section2 uz nie. Vie niekto ako na to? Treba to riesit cez JS? Aj by som si to vygooglil, len neviem, ako to hladat :)

Ked uz som zalozil tuto temu, tak sa opytam este jednu otazku ohladom SEO.
Viem, ze pri SEO optimalizacii dost zalezi na strukture a hierarchii webu. Samotny index.html ma 11 H1. Bude to problem? Alebo vie rozlisit, ze sa jedna o one page web? Dakujem.


_________________
HP ProBook 4530s Intel® Core™ i5-2430M (2.4GHz, 3MB, 2 jadrá)*4GB 1333MHz DDR3*ATI Mobility Radeon HD 6490 1GB + Intel HD Graphics 3000*640GB SATA 5400RPM *Windows 7 Home Premium 64 bitová verzia
Lenovo IdeaPad Z50-70 Intel Core i5 4210 Haswell* NVIDIA GeForce GT 840M 4GB + Intel HD Graphics 4000*SSHD 1TB 5400 otáčok + 8GB cache*RAM 4GB* Full HD (1920 × 1080)*Windows 10 pro

Boh je reálny, pokial nebol deklarovaný ako integer
Offline

Užívateľ
Užívateľ
One Page web - linkovanie

Registrovaný: 21.09.13
Prihlásený: 21.12.24
Príspevky: 2111
Témy: 77 | 77
Bydlisko: Považská By...
NapísalOffline : 26.04.2016 23:08 | One Page web - linkovanie

Ak máš v sekcie v <section> tak tie h1 nevadí. Samozrejme, ak nemáš scrollovanie na #section2 treba tam užívateľa presunúť, cez js. Hľadaj scroll to div ale neviem ako to je v bootstrape, skus si len upraviť http://stackoverflow.com/questions/14524297/how-to-scroll-to-div-after-click-on-about-or-contact-in-my-menu


_________________
Nesnívaj svoj život, ale ži svoj sen.
Offline

Užívateľ
Užívateľ
One Page web - linkovanie

Registrovaný: 23.12.10
Prihlásený: 10.09.22
Príspevky: 1056
Témy: 157 | 157
Bydlisko: KK/PP/BA
Napísal autor témyOffline : 26.04.2016 23:40 | One Page web - linkovanie

Dakujem za odpoved. Ano, tie podstranky mam v sekciach. Presun pouzivatela na jednotlive sekcie v samotnom webe mi funguje. Avsak presun nefunguje ak prichadzam z ineho webu. (napr. z ineho webu potrebujem ist na index.html do section2. Na index.html sa dostanem, ale nepresunie na tu sekciu) V JS robit viem, ale netusim ako tento problem vyriesit. Nerad by som to komplikoval posielanim URL, pripadne implementovanim PHPcka...


_________________
HP ProBook 4530s Intel® Core™ i5-2430M (2.4GHz, 3MB, 2 jadrá)*4GB 1333MHz DDR3*ATI Mobility Radeon HD 6490 1GB + Intel HD Graphics 3000*640GB SATA 5400RPM *Windows 7 Home Premium 64 bitová verzia
Lenovo IdeaPad Z50-70 Intel Core i5 4210 Haswell* NVIDIA GeForce GT 840M 4GB + Intel HD Graphics 4000*SSHD 1TB 5400 otáčok + 8GB cache*RAM 4GB* Full HD (1920 × 1080)*Windows 10 pro

Boh je reálny, pokial nebol deklarovaný ako integer
Offline

Užívateľ
Užívateľ
One Page web - linkovanie

Registrovaný: 21.09.13
Prihlásený: 21.12.24
Príspevky: 2111
Témy: 77 | 77
Bydlisko: Považská By...
NapísalOffline : 26.04.2016 23:51 | One Page web - linkovanie

Nebude to najlepšie riešenie ale ak sa dĺžka url nemení tak by som použil http://www.w3schools.com/jsref/jsref_substring.asp , zistím akú sekciu uzivatel chce a potom ho tam len hodim.


_________________
Nesnívaj svoj život, ale ži svoj sen.
Offline

Užívateľ
Užívateľ
Obrázok užívateľa

Registrovaný: 06.02.14
Prihlásený: 19.01.18
Príspevky: 443
Témy: 9 | 9
NapísalOffline : 27.04.2016 9:57 | One Page web - linkovanie

na to aby ti to fungovalo (z externeho webu) nemas preco potrebovat JS, to je nativne spravanie html.
napadaju mi dve veci, kvoli ktorym by to nemuselo fungovat:
1. mas spravne zadane id? <section id="section2">
2. nemas v js nejaky preventDefault, ktory zabrani nativnemu skrolovaniu pri nacitani stranky?

ak ani jedno z toho, skus postnut html a js, nech vidime lepsie co si tam urobil


Offline

Skúsený užívateľ
Skúsený užívateľ
Obrázok užívateľa

Registrovaný: 13.11.07
Prihlásený: 20.08.16
Príspevky: 1702
Témy: 0 | 0
NapísalOffline : 27.04.2016 21:30 | One Page web - linkovanie

Áno, musíš to riešiť cez javascrpt (viac menej rovnako, ako je riešené to menu). Php by ti v tomto prípade nijako nepomohlo (pretože tú časť url za znakom # prehliadač serveru neposiela).

// Spojený príspevok Str 27.04.16 21:32

Kraliček píše:
Nebude to najlepšie riešenie ale ak sa dĺžka url nemení tak by som použil http://www.w3schools.com/jsref/jsref_substring.asp , zistím akú sekciu uzivatel chce a potom ho tam len hodim.
Prípadne môže použiť niečo ako window.location.hash ;)


Offline

Užívateľ
Užívateľ
One Page web - linkovanie

Registrovaný: 23.12.10
Prihlásený: 10.09.22
Príspevky: 1056
Témy: 157 | 157
Bydlisko: KK/PP/BA
Napísal autor témyOffline : 28.04.2016 0:18 | One Page web - linkovanie

Dakujem za rady. Je vidiet, ze sa vyznate. Najprv som to spravil, ako mi poradil Kralicek. Teda rozparsoval som URL a vytiahol sekciu, ktoru som poslal funkcii na skrolovanie. Funguje to super. Ak by niekto potreboval, tu je kod:
Kód:
$(document).ready(function(){

   function scroll(url){
      var $anchor = document.getElementById(url);
                $('html, body').stop().animate({
                    scrollTop: $($anchor).offset().top
                }, 1500, 'easeInOutExpo');
   }
   
   $.urlParam = function(){
      var url = window.location.href;
      return url.split('#')[1];
   }

   if (window.$.urlParam()){
      scroll($.urlParam());
   }
   
});

Hatto ty mas tiez pravdu. Ano, v povodnej funkcii, som mal preventDefault, ktory som si nevsimol. Po jeho odstraneni to funguje vyborne. :)
Este raz Vam dakujem.


_________________
HP ProBook 4530s Intel® Core™ i5-2430M (2.4GHz, 3MB, 2 jadrá)*4GB 1333MHz DDR3*ATI Mobility Radeon HD 6490 1GB + Intel HD Graphics 3000*640GB SATA 5400RPM *Windows 7 Home Premium 64 bitová verzia
Lenovo IdeaPad Z50-70 Intel Core i5 4210 Haswell* NVIDIA GeForce GT 840M 4GB + Intel HD Graphics 4000*SSHD 1TB 5400 otáčok + 8GB cache*RAM 4GB* Full HD (1920 × 1080)*Windows 10 pro

Boh je reálny, pokial nebol deklarovaný ako integer
 [ Príspevkov: 7 ] 


One Page web - linkovanie



Podobné témy

 Témy  Odpovede  Zobrazenia  Posledný príspevok 
V tomto fóre nie sú ďalšie neprečítané témy.

Web page

v Krčma

1

507

27.11.2014 9:08

Mego

V tomto fóre nie sú ďalšie neprečítané témy.

Big threads in one page

v Redakčné systémy

0

747

14.10.2006 15:02

JanoF

V tomto fóre nie sú ďalšie neprečítané témy.

Pomoc s auto refresh web page (dlhé oneskorenie)

v HTML, XHTML, XML, CSS

1

467

28.12.2014 17:02

Dadko

V tomto fóre nie sú ďalšie neprečítané témy.

linkovanie pre multilanguage

v Webdesign

5

878

18.03.2011 19:31

johnny04501

V tomto fóre nie sú ďalšie neprečítané témy.

Linkovanie v dokumente

v HTML, XHTML, XML, CSS

1

499

07.07.2011 14:26

Ďuri

V tomto fóre nie sú ďalšie neprečítané témy.

IMAP, POP3 > SMTP linkovanie... How to?

v Operačné systémy Unix a Linux

0

602

29.11.2009 14:06

ssssss

V tomto fóre nie sú ďalšie neprečítané témy.

C++ linkovanie viacerých .o súborov do jedného .o súboru

v Assembler, C, C++, Pascal, Java

9

909

07.11.2010 12:46

johny3212

V tomto fóre nie sú ďalšie neprečítané témy.

IUNI U3, lepsi one+ one?

v Novinky

7

679

27.08.2014 17:34

void

V tomto fóre nie sú ďalšie neprečítané témy.

page file

v Operačné systémy Microsoft

3

591

31.10.2007 20:23

sento

V tomto fóre nie sú ďalšie neprečítané témy.

Page Rank

[ Choď na stránku:Choď na stránku: 1, 2, 3 ]

v Internetový marketing, SEO, reklama

64

7353

23.07.2009 0:10

Blackshadow

V tomto fóre nie sú ďalšie neprečítané témy.

Front page

v HTML, XHTML, XML, CSS

9

1060

09.04.2007 7:08

tomasko

V tomto fóre nie sú ďalšie neprečítané témy.

Front Page

v Ostatné

4

734

26.01.2008 21:16

walther

V tomto fóre nie sú ďalšie neprečítané témy.

Harlequinova page...

v Webdesign

8

1024

19.12.2006 2:31

johny128

V tomto fóre nie sú ďalšie neprečítané témy.

personal page

v Webdesign

12

960

31.12.2008 14:52

suchy

V tomto fóre nie sú ďalšie neprečítané témy.

google page rank

[ Choď na stránku:Choď na stránku: 1, 2 ]

v Ostatné

30

3016

16.08.2007 16:44

Tominator

V tomto fóre nie sú ďalšie neprečítané témy.

Facebook page address

v Sociálne siete

2

443

22.01.2013 8:16

erikoo



© 2005 - 2025 PCforum, edited by JanoF