WebSite X5Help Center

 
Michał J.
Michał J.
User

Strzałka w górę  pl

Autor: Michał J.
Visitado 1371, Followers 1, Compartido 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ć ?

Publicado en
52 RESPUESTAS - 11 úTIL
Darek J.
Darek J.
User

Witaj Michał 

Oczywiście, ze można 
Wystarczy tylko "podpiąć" zewnętrzny skrypt i przewijanie za pomocą "strzałeczki" działa prawidłowo  

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

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... 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User
Darek J.
controlHTML: '<img src="<b>images/up.png</b>" style="width:48px; height:48px" ...

oczywiście bez <b   /b 
znowu się pogrubienie zapisało jako kod 

controlHTML: '<img src="images/up.png" style="width:48px; height:48px" 

Leer más
Publicado en de Darek J.
Michał J.
Michał J.
User
Autor

cieszę się że można, ale to chyba dla mnie za trudne

Leer más
Publicado en de Michał J.
Darek J.
Darek J.
User

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ć"  

Leer más
Publicado en de Darek J.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(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"> &#9650; </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

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Darek J.
Darek J.
User

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

Leer más
Publicado en de Darek J.
 ‪ KolAsim ‪ ‪
 ‪ KolAsim ‪ ‪
Moderator

(IT - Przetłumaczone przez Google) ... na pewno,  tak  ...  ... (IT - certamente, sì)

Leer más
Publicado en de  ‪ KolAsim ‪ ‪
Michał J.
Michał J.
User
Autor
Darek J.
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

Dziękuje Darku !

spróbuje wstawić bo twoja strzałka zdecydowanie ładniejsza

Leer más
Publicado en de Michał J.
Mini M.
Mini M.
User

Darek.J to zawsze pomocna dusza :)

Leer más
Publicado en de Mini M.
Darek J.
Darek J.
User

Dziękuje za miłe słowa  

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

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   

Leer más
Publicado en de Darek J.
Wojtek N.
Wojtek N.
User
Darek J.
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... 

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/ ?

Leer más
Publicado en de Wojtek N.
Darek J.
Darek J.
User
Wojtek N.
...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....

A spróbuj w pliku up.js do linijki 
controlHTML: '<img src="images/up.png" 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

ale namieszało 

Spróbuje jeszcze raz 

Spróbuj w pliku up.js do linijki 

controlHTML: '<img src="images/up.png" 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

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" 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

dopisać w stylach z-index: np liczbe 9999 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

Czyli zapis wygląda mniej więcej tak:

 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

controlHTML: ....

Chyba, że obrazki mają jeszcze większy index 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

Chyba, że obrazki mają jeszcze większy index 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

zaraz mnie coś trafi 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

o proszę a to poszło 

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

obrazka chyba nie wytną  

czyli to co pisałem a się nie wyświetliło  

Leer más
Publicado en de Darek J.
Wojtek N.
Wojtek N.
User

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.

Leer más
Publicado en de Wojtek N.
Darek J.
Darek J.
User

A czy przed wysłaniem projektu na serwer "strzałka" też nie działa prawidłowo? 

Leer más
Publicado en de Darek J.
Wojtek N.
Wojtek N.
User

Tak

Leer más
Publicado en de Wojtek N.
Darek J.
Darek J.
User

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  

Leer más
Publicado en de Darek J.
Darek J.
Darek J.
User

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 

Leer más
Publicado en de Darek J.
Wojtek N.
Wojtek N.
User

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'})

Leer más
Publicado en de Wojtek N.
Wojtek N.
Wojtek N.
User
Darek J.
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 

Dzięki za pomoc Teraz wszystko działa.

Pozdrawiam

Leer más
Publicado en de Wojtek N.
Darek J.
Darek J.
User

Po absolute ma być przecinek a nie dwukropek  

Leer más
Publicado en de Darek J.
Artur S.
Artur S.
User

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

Leer más
Publicado en de Artur S.
Darek J.
Darek J.
User
Artur S.
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   

Leer más
Publicado en de Darek J.
Artur S.
Artur S.
User

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

Leer más
Publicado en de Artur S.
Darek J.
Darek J.
User
Artur S.
...o nic takiego Cię nie podejrzewałem ani przez chwilę:)...

Spoko luzik  kto pyta nie błądzi 

Artur S.

... 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   

Leer más
Publicado en de Darek J.
Artur S.
Artur S.
User

...tak, ten jest bardzo fajny. Już go wrzuciłem na stronę. Działa bez zarzutu:)

Pozdrawiam

Artur

Leer más
Publicado en de Artur S.
Waldek R.
Waldek R.
User

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

Leer más
Publicado en de Waldek R.
Waldek R.
Waldek R.
User

A swoją drogą przydał by się tu na forum taki scroll w górę

Leer más
Publicado en de Waldek R.
Waldek R.
Waldek R.
User

Jak by co, wiem jak zrobić

Leer más
Publicado en de Waldek R.
Darek J.
Darek J.
User
Waldek R.
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

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  

Leer más
Publicado en de Darek J.
Waldek R.
Waldek R.
User

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

Leer más
Publicado en de Waldek R.
Arkadiusz S.
Arkadiusz S.
User

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.

Leer más
Publicado en de Arkadiusz S.
Arkadiusz S.
Arkadiusz S.
User

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...

Leer más
Publicado en de Arkadiusz S.
Waldek R.
Waldek R.
User

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.

Leer más
Publicado en de Waldek R.
Arkadiusz S.
Arkadiusz S.
User

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ł.

Leer más
Publicado en de Arkadiusz S.
Waldek R.
Waldek R.
User

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ę 

Leer más
Publicado en de Waldek R.
Arkadiusz S.
Arkadiusz S.
User

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.

Leer más
Publicado en de Arkadiusz S.
Waldek R.
Waldek R.
User
Arkadiusz S.
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

Leer más
Publicado en de Waldek R.