Forum Supportu Strona Główna Forum Supportu
czo.pl/wxv.pl

FAQFAQ  SzukajSzukaj  UżytkownicyUżytkownicy  GrupyGrupy  StatystykiStatystyki
RejestracjaRejestracja  ZalogujZaloguj  AlbumAlbum  DownloadDownload

Poprzedni temat «» Następny temat
"Przechodzenie" na dół strony
Autor Wiadomość
Daisy7 

Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
Wysłany: 2016-10-12, 21:56   "Przechodzenie" na dół strony
  


Hej. Przychodzę z takim zapytaniem, czemu na wxv i czo nie działa odsyłacz na dół strony. O co mi chodzi? Chciałam wprowadzić na forum takie guziczki z boku ze strzałką w górę i w dół. Jak się kliknie w strzałkę do góry, przenosi nas na samą górę strony, a w dół, analogicznie, na sam dół. A przynajmniej tak powinno być, ale niestety nie jest. Kod wygląda tak:

Cytat:
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
<a href="#top"><img src="LINK_DO_OBRAZKA_ZE_STRZAŁKĄ_W_GÓRĘ" alt="w górę"></a>
<br>
<br>
<a href="#bottom"><img src="LINK_DO_OBRAZKA_ZE_STRZAŁKĄ_W_DÓŁ" alt="w dół"></a>
</a>
</div>


Problem nie leży w kodzie, bo opcja z przekierowaniem na górę po naciśnięciu w strzałkę działa bez zarzutów i przenosi nas tam, gdzie powinno. Za to na dół nie chce pójść. Nie będę podawać nazw for na innych domenach, aczkolwiek tam mają taki kod i działa im zarówno przejście na górę strony, jak i na dół. A na stronach wxv i czo przejście na dół nie działa. Można to też udowodnić w prostszy sposób. Wystarczy wziąć adres jakiegoś forum na wxv/czo i wpisać po nim odpowiednią etykietę, czyli #top (żeby przeszło do góry strony) lub #bottom (żeby przeszło na dół strony). Przykładowo weźmy moje:
    http://pokemoncrystal.wxv.pl/
Jeśli wpiszemy http://pokemoncrystal.wxv.pl/#top przechodzi nam ładnie na górę. Niestety po wpisaniu http://pokemoncrystal.wxv.pl/#bottom nie schodzi nam na dół. Jeśli wpisuje się tą drugą opcję (z bottom) na wspomnianych przeze mnie forach na innych domenach, etykieta działa prawidłowo i "zjeżdżamy" w dół.
 
     
Disney 

Wpisz dowolną liczbę: 10
Pomogła: 3 razy
Dołączyła: 24 Paź 2014
Posty: 102
Skąd: Dolny Śląsk
Wysłany: 2016-10-13, 16:18   
  


U mnie na wszystkich forach i tych typowo testowych i tych normalnych, ta opcja działa bez zarzutu.
Wina jest w kodzie. Poprawny kod powinien wyglądać tak.

Kod:
 <a href="#bottom" onclick="scrollTo(0, document.body.scrollHeight); return false;">
    <img src="link do obrazka">
  </a>
 
 
     
Daisy7 

Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
Wysłany: 2016-10-13, 17:13   
  


Próbowałam tym kodem, który podesłałaś, ale mi nie działa :c Zarówno, jak próbowałam nim zrobić zjechanie na dół, jak i na górę. Gdy usunęłam ten fragment return false; to działała opcja z #top (wracanie na górę), ale #bottom (zjeżdżanie na dół) nie.
 
     
Disney 

Wpisz dowolną liczbę: 10
Pomogła: 3 razy
Dołączyła: 24 Paź 2014
Posty: 102
Skąd: Dolny Śląsk
Wysłany: 2016-10-13, 17:46   
  


Masz tu cały kod i pamiętaj, by nie dodawać go w <style>kod</style.
Tylko samo wrzucić:
Kod:
<div style="position:fixed;z-index:1003; right :0.5%; bottom: 45%;">
  <a href="#top" onclick="scrollTo(0,0); return false;" title="w górę">
    <img src="obrazek" alt="w górę">
  </a>
<br>
  <a href="#bottom" onclick="scrollTo(0, document.body.scrollHeight); return false;" title="w dół">
    <img src="obrazek" alt="w dół">
  </a>
</div>


Jeśli dalej nie pójdzie podam Ci kod na wpisanie go do stylu wraz z dive
 
 
     
Daisy7 

Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
Wysłany: 2016-10-13, 18:25   
  


Tą wersję też już próbowałam i bez zmian. Co więcej, w niej zarówno przejście w górę jak i w dół nie działa. Może to z wpisaniem do stylu wyjdzie? Próbowałam wcześniej z <style></style> (tak dla pewności), ale jak daję w ten sposób, kod kompletnie znika ze strony i strzałki nawet się nie pokazują na forum.
 
     
Disney 

Wpisz dowolną liczbę: 10
Pomogła: 3 razy
Dołączyła: 24 Paź 2014
Posty: 102
Skąd: Dolny Śląsk
Wysłany: 2016-10-13, 19:09   
  


Raczej nie, bo nie masz sekwencji kodu.
A powiedz mi w jaką rubrykę wpisujesz ten kod? Banner w stopce forum czy banner w nagłówku forum?

Z kodem to musiałabyś zamieścić coś w stylu:

Kod:
<style>
.go-up, .go-down {
display: none;
position: fixed;
right: 55px;
z-index: 9999;
cursor: pointer;
opacity: .5;
margin-bottom: 100px;
width: 65px;
height: 50px;
}
</style>


Następnie:
Kod:
<div class="go-up" id="ToTop" style="display: block;"><img src="obrazek-w-gore" border="0"></div>
<div class="go-down" id="OnBottom" style="display: block;"><img src="obrazek-w-dol" border="0"></div>


Najlepiej to jednak jakbym miała adres forum i mogła rzeczywiście przyjrzeć sie tym błędom, bo tak na czuja to nie wiem czy dobrze Cię kieruję.
 
 
     
Daisy7 

Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
Wysłany: 2016-10-14, 10:13   
  


Disney napisał/a:
A powiedz mi w jaką rubrykę wpisujesz ten kod? Banner w stopce forum czy banner w nagłówku forum?

A powiem Ci, że próbowałam i tu, i tu, ale efekt ten sam.

No niestety nie chce się udać nawet z tym kodem. Próbowałam wszystkie powyższe kombinacje nawet na takim totalnie testowym forum, gdzie nie wprowadzałam żadnych innych kodów, ale rezultat taki sam.

W każdym razie dzięki za pomoc, Disney :) Doceniam, że się tak zaangażowałaś ^^
 
     
Mich@ł
Administrator

Wpisz dowolną liczbę: 1234567890
Pomógł: 163 razy
Dołączył: 07 Sie 2009
Posty: 3323
Wysłany: 2016-10-14, 14:06   
  


Daisy7, takie może dośc głupie pytanie ale czy na dole forum dodałaś kod do którego ma "przenieść" link?

Przykład z http://webmade.org/porady/kotwice-html-scroll.php :

Kod:
...
<html>
<head>
<title>Strona</title>
</head>
<body>
<a name="gora">Tu jest góra strony</a>
...
tu jest bardzo dużo treści
...
<a href="#gora">to jest odnośnik, który przeniesie Cię na górę strony</a>
</body>
</html>



Mam na mysli tą część:
Cytat:
<a name="gora">Tu jest góra strony</a>
 
     
Daisy7 

Wpisz dowolną liczbę: 7
Pomogła: 2 razy
Dołączyła: 23 Kwi 2016
Posty: 94
Wysłany: 2016-10-14, 17:21   
  


Yay, udało się :D Jednak poradziłam sobie swoim kodem (tym z pierwszego postu). Gdyby kogoś interesowało jak, to powiem, że wystarczyło podmienić #bottom (po "a href=") na javascript:scroll(X, Y); . Zamiast X i Y wpisujemy odpowiednie dla naszej strony wartości.

Jeszcze raz dziękuję Disney, a także @Mich@łowi, bo w sumie to dzięki ich pomocy udało mi się do tego dojść.
 
     
Wyświetl posty z ostatnich:   
Odpowiedz do tematu
Nie możesz pisać nowych tematów
Nie możesz odpowiadać w tematach
Nie możesz zmieniać swoich postów
Nie możesz usuwać swoich postów
Nie możesz głosować w ankietach
Nie możesz załączać plików na tym forum
Możesz ściągać załączniki na tym forum
Dodaj temat do Ulubionych
Wersja do druku

Skocz do:  

Powered by phpBB modified by Przemo © 2003 phpBB Group
Ta strona używa plików cookie w celu usprawnienia i ułatwienia dostępu do serwisu oraz prowadzenia danych statystycznych. Dalsze korzystanie z tej witryny oznacza akceptację tego stanu rzeczy.

Zapoznaj się również z nasza Polityka Prywatnosci

  
ROZUMIEM
Strona wygenerowana w 0.04 sekundy. Zapytań do SQL: 8

Reklama

Baza przepisów kulinarnych
System reklamy Test