Strzałka w górę
Autor: Michał J.
Besucht 1573,
Followers 1,
Geteilt 0
Czy w programie website X5 evolution 12 uzyskać efekt pojawienia się przycisku tkz. do góry po przejechaniu danej wartości scrollem i jak taki przycisk wykonać ?
Gepostet am
Witaj Michał
Oczywiście, ze można
Wystarczy tylko "podpiąć" zewnętrzny skrypt i przewijanie za pomocą "strzałeczki" działa prawidłowo
W załączniku podsyłam przykładowy taki scrolltotop
otwierasz up.js i wskazujesz/edytujesz tam ścieżkę dostępu
do pliku z obrazkiem "strzałki"
np:
controlHTML: '<img src="<b>images/up.png</b>" style="width:48px; height:48px" ...
oraz ustawiasz sobie na jakiej wysokości px ma się scrolltotop "pojawić"
np:
setting: {startline:150,...
A w sekcji body wstawiasz odsyłacz do tego skryptu
np:
<script src="<b>js/up.js</b>"></scri...
oczywiście bez <b /b
znowu się pogrubienie zapisało jako kod
controlHTML: '<img src="images/up.png" style="width:48px; height:48px"
Autor
cieszę się że można, ale to chyba dla mnie za trudne
Nie jest takie trudne jak Ci się wydaje
Umieszczasz plik up.js w folderze js projektu (jeżeli go nie ma to tworzysz taki folder)
fotkę up.png umieszczasz w folderze images projektu
we właściwościach strony lub ustawieniach zaawansowanych
wklejasz w pozycji [przed tagiem zamykającym sekcje Body]
<script src="js/up.js"></script>
i powinno wszystko "śmigać"
(IT - Przetłumaczone przez Google) Przepraszam, nie mówię po polsku.
proste; DIV_CUSTOM; wstawić następujący kod do sekcji >> Krok 4 - Ustawienia zaawansowane > Statystyki, optymalizacja SEO i kod | ▪Kod niestandardowy | ▼Przed tagiem zamykającym sekcję BODY:
:::: kopiuj / wklej ::::
<!-- DIV CUSTOM dentro BODY/BODY (ultima selezione) - inizio codice -->
<div id="angolo_k" style="position:fixed;bottom:10px;right:10px;font-size:100px;visibility:hidden">
<a title="TOP" href="#TOP" style="text-decoration: none"> ▲ </a> </div>
<script> var scrollK = 80; window.onscroll = function(){
if (document.body.scrollTop>scrollK || document.documentElement.scrollTop>scrollK){ document.getElementById("angolo_k").style.visibility = 'visible' } else { document.getElementById("angolo_k").style.visibility = 'hidden' } } </script>
<!-- DIV CUSTOM dentro BODY/BODY (ultima selezione) - fine codice -->
................
... zobacz przykład (Ctrl+U): http://www.zspace.it/kolasim/div_custom/divcustomAngoloK_scrollToTop2.html
.
ciao
Ciekawe rozwiązanie, ale znak z tablicy znaków
mi osobiście jakoś nie pasuje
wole "ładniejszą" strzałeczkę
np tak jak tu: http://tworzenie-stron.website
(IT - Przetłumaczone przez Google) ... na pewno, tak ... ... (IT - certamente, sì)
Autor
Dziękuje Darku !
spróbuje wstawić bo twoja strzałka zdecydowanie ładniejsza
Darek.J to zawsze pomocna dusza :)
Dziękuje za miłe słowa
Jak strona niedługa to i takie coś bez żadnych skryptow:
http://www.test.page.linuxpl.eu/strona-2.html
Rysiu , też tak można, czyli na stałe
ale weź pod uwagę internautów mobilnych
i taka niby "krótka" stronka strasznie się wydłuży...
a "strzałka" dopiero na dole
Witam
Wkleiłem na testową stronę http://www.test.dubaj.cba.pl/ przykładowy scrolltotop, który proponujesz. Skrypt działa ale po zmianie rozdzielczości na mniejszy ekran strzałka w górę nie jest na pierwszym planie tylko „chowa się” pod obrazy co uniemożliwia przewinięcie strony na urządzeniach mobilnych.
Czy jest możliwość żeby scrolltotop był wyświetlany jak np. na https://saturn.pl/ ?
A spróbuj w pliku up.js do linijki
controlHTML: '<img src="images/up.png"
ale namieszało
Spróbuje jeszcze raz
Spróbuj w pliku up.js do linijki
controlHTML: '<img src="images/up.png"
nie no idzie zwariować z tym "forum"
Człowiek się stara a zapisy są ucinane
Spróbuje jeszcze raz
Spróbuj w pliku up.js do linijki
controlHTML: ...img src="images/up.png"
dopisać w stylach z-index: np liczbe 9999
Czyli zapis wygląda mniej więcej tak:
controlHTML: ....
Chyba, że obrazki mają jeszcze większy index
Chyba, że obrazki mają jeszcze większy index
zaraz mnie coś trafi
o proszę a to poszło
obrazka chyba nie wytną
czyli to co pisałem a się nie wyświetliło
Już kiedyś próbowałem dopisać z-index i nic to nie dało. Teraz też dopisałem i nic (jak widać na stronie). W załączniku cały kod, który teraz jest na stronie.
Dodam tylko, że jeśli chodzi o tekst jest tak samo http://test.dubaj.cba.pl/
A czy przed wysłaniem projektu na serwer "strzałka" też nie działa prawidłowo?
Tak
Tamten wpis, co podawałem wcześniej, usuń
a w linijce 51 tego pliku, czyli .css.... dopisz za 'absolute', taki zapis:
'z-index':'9999',
Sprawdzałem w WebSite i działa
Ze względu na to, że w programie WebSite występowały problemy z poprawnym działaniem "strzałki" zamieszczam w załączniku poprawioną wersje scrolltotop "dla tego programu" i by nie tworzyć nowego folderu js, jak wcześniej pisałem, plik up.js wrzucamy do istniejącego już folderu res a fotkę do folderu images Oczywiście wskazujemy/podpinamy ten plik, zapisem w kodzie strony przed tagiem zamykającym seksje BODY w postaci:
<script src="res/up.js"></script>
Pozdrawiam
U mnie nawet w programie nie działa . Po tej zmianie "strzałka" znika.
Linia 51 po dopisaniu u mnie wygląda tak:
.css({position:mainobj.cssfixedsupport? 'fixed' : 'absolute' : 'z-index':'9999', bottom:mainobj.controlattrs.offsety, right:mainobj.controlattrs.offsetx, opacity:0, cursor:'pointer'})
Dzięki za pomoc Teraz wszystko działa.
Pozdrawiam
Po absolute ma być przecinek a nie dwukropek
Witam,
Darku J. czy skrypt scrolltotop, który przesłałeś w załączniku powyżej nie jest "obwarowany" żadną licencją/prawami autorskimi i można go wykorzystać przy tworzeniu strony komercyjnej?
Pozdrawiam
Artur Sępka
Jak by tak było, czyli "obwarowany" licencją,
to bym "pirata" nie zamieszczał
Jak masz jakieś wątpliwości to wujek Google
znajdzie Ci jeszcze więcej takich skryptów za free
Witam,
o nic takiego Cię nie podejrzewałem ani przez chwilę:). Pomyślałem tylko, że sam stworzyłeś ten sktyp na potrzeby opublikowanego posta i stąd moje pytanie:)
Dziekuję za informację i pozdrawiam
Artur
Spoko luzik kto pyta nie błądzi
... Pomyślałem tylko, że sam stworzyłeś ten sktyp na potrzeby ...
aż taki zdolny to ja nie jestem ale przerobiłem go na potrzeby tego programu
Wiele skryptów "scrolltotop" testowałem, mniej lub bardziej rozbudowane,
ale ten mi najbardziej przypadł do gustu
...tak, ten jest bardzo fajny. Już go wrzuciłem na stronę. Działa bez zarzutu:)
Pozdrawiam
Artur
Ja zrobiłem własną wersję scrolla:
"Amator 1.1"
Powrzucałem zdjęcia strzałek z biblioteki wx5 i podopinałem kotwice w szablonie strony
http://www.osrodekmowy.pl/oferta.html
Teraz myślę, że pewnie niepotrzebnie przeciążam stronę, ale byłem nawet dumny jak to wymyśliłem
A swoją drogą przydał by się tu na forum taki scroll w górę
Jak by co, wiem jak zrobić
Brawo
a przy okazji, jak już wspomniałeś o "przeciążeniu" strony, to pod tym linkiem:
https://developers.google.com/speed/pagespeed/insights/
i wpisaniu tam adresu strony lub też podstrony
możesz sobie sprawdzić jak Google ją widzi swoimi oczami
Mam jeszcze jedną stronę, którą oparłem o system Amator1.1, ale jest ciągle w budowie jeszcze, pokażę ze względu na temat scrolla:
www.dmuchancerybnik.pl
http://www.dmuchancerybnik.pl/
Waldku a ja włączę się do rozmowy pytaniem.
Czy "dmuchańce" potrzebują scrolla?
Mam wrażenie, że mógłbyś pomniejszyć niektóre elementy strony.
Oczywiście przy "kilometrowej" ilości danych scrollek ok. ale czuję, że spokojnie mógłbyś w tym przypadku się obyć bez niego. Same kotwice x4 stanowią już pokaźny % całości.
A może by takie coś:
http://www.page.linuxpl.eu/scroll/strona-1.html
Myślę, że poza pewną granicą byłoby już niepraktyczne. Zobacz Ryszardzie jak nam się wgryzł w mózgi scroll w myszkach. Weź przestaw też ludzi, że nie mogą paluchem po ekranie przewinąć treści ...zajęcia z psychologiem murowane...
Czy "dmuchańce" potrzebują scrolla?
Nie zupełnie nie potrzebują Arku, zgadzam się z tobą.
Jego ukrytym zadaniem nie jest tu scrollowanie a bardziej uporządkowanie tematyczne, zaakcentowanie oddzielenia jednej treści od drugiej. Potrzebuję jedynie porozmieszczać treść tak by po kliknięciu w menu na dany temat pojawiał się tylko ten temat + strzałki scrolla. Poza tym informacji na stronie jest niewiele i lękam się pustki .... a brak mi chwilowo innych pomysłów.
Waldku, gdyby istniało chińskie przysłowie na to, brzmiałoby:
"Nie lękaj się, olej pustkę z góry ciepłym moczem"
A spróbój np. każdą stronę ująć w ramkę jak galerię.
Wszystkie treści zajmą Ci mniej więcej podobny blok.A kontakt wciśnij na stałe gdzie tam będzie Ci pasować.
To tylko sugestia - zrobisz jak bedziesz chciał.
Przerażające
"Strona 3 ramek i pustki"
Nie mam jeszcze jaj na takie rzeczy ale czuję, że jak zrobię kilka stron w których pokażę, że umiem to, to i to i to... i strzałki.............. wtedy pokocham minimalizm.
Arku, jeszcze cię zaskoczę
He he he ramki, to nie pustki, czasem nie ma dużo treści i jest kombinowanie. Nikt przecież nie podaje zasady, że strona ma mieć 1,5m długości
Dużo stron jest nieweiele obszerniejszych od popularnych "wizytówek internetowych". O to w większości przypadków chodzi przecież.
Nie musisz mnie zaskakiwać, ważne żebyś Ty miał satysfakcję z uczynionej strony.
O, nie. To by było za łatwe. Ja mam satysfakcje praktycznie z wszystkiego co robię
Poszłem na kompromis i dałem takie tyci, letkusieńkie strzałki i ramki