HTML/PHP/AJAX/JS - Przewijanie strony w konkretne miejsce
01Paulina123 - 28-12-2013, 00:54 Temat postu: Przewijanie strony w konkretne miejsce Witam.
Potrzebuję odsyłacz ze swojego serwisu do obcej strony, ale automatycznie przewijając tą witrynę w odpowiednie miejsce.
Ma to wyglądać w następujący sposób. Użytkownik klika na mojej stronie na link, jest przenoszony na stronę docelową ale nie na sam początek (górę) strony tylko do konkretnego napisu na danej witrynie.
Coś na zasadzie jakbym chciała utworzyć link do demotywatorów, ale do demota, który znajduje się w środku strony.
Na tej stronie też jest właśnie taki przykład np: [ FAQ ] Najczęściej zadawane pytania dotyczące stylów
http://www.przemo.org/php...opic.php?t=4473
Po kliknięciu przykładowo na Widok postów i tematów w jednej tabeli przeniesie nas na tą samą stronę lecz już w konkretne miejsce i do konkretnego posta.
Z góry dziękuję i proszę o pomoc
Woytec - 28-12-2013, 11:58
Strona docelowa musi być pod to przygotowana. Jeżeli jest to temat to użyj linku
http://przemo.org/phpBB2/...pic.php?p=ID#ID
Inną stronę przygotowujesz tak:
Kod: | <a name="identyfikator"></a> |
w miejscu gdzie ma przewinąć a link:
Kod: | http://adres/plik.ext#IDENTYFIKATOR |
plik.ext to np. index.html, index.php...
To się nazywa kotwica.
01Paulina123 - 28-12-2013, 13:10
Dziękuje bardzo
xaxaxa1 - 29-12-2013, 06:19
Woytec napisał/a: |
Inną stronę przygotowujesz tak:
Kod:
<a name="identyfikator"></a>
w miejscu gdzie ma przewinąć a link: |
Pokazana przez Ciebie metoda jest dosc przestarzala i wymaga dodawania niepotrzebnych elementow do strony. Odwolac sie do danej wysokosci (a raczej elementu) strony mozna w bardzo prosty sposob i podobny do tego co pokazales - wystarczy dla elementu struktury DOM nadac identyfikator oraz odwolac sie do niego identycznie jak podales. Dla przykladu, plik index.html
Kod: | <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title></title>
</head>
<body style="padding:500px 0;background:#000;">
<div id="jestemDivem" style="background:#fff;color:#000;padding:20px;margin:0 auto;">
Czesc, jestem DIVem!
</div>
</body>
</html> |
Teraz wystarczy odwolac sie tak
Cytat: | index.html#jestemDivem |
aby automatycznie przewinac strone do wysokosci bloku #jestemDivem
|
|
|