Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [AJAX][JavaScript]jquery scroll
Forum PHP.pl > Forum > Przedszkole
martex
witam
potrzebuje info lub dokumentacji albo poprawki mojego kodu
chodzi mi o przekierowanie za pomocą diva na kolejną stronę w tym samym oknie
tu akurat problemów nie mam a zaczynaja sie z ustawienie kolejnej strony na odpowiedniej wysokosci
do tego dodaje kod tylko na jesdne ze stron bo tylko z jednego guzka potrzebuje przekierowac i ustawic strone np. 500px od góry
a z linków menu ma wczytywać sie normalnie
hmm i dodam ze to nie moze byc input tylko div

mój nieszczęsny kod i niewiem co poprawic z tym scrollem
  1. $('#pref').on('click', function(){
  2. $('html, body').animate({scrollTop: 100}, 'fast');
  3. window.location.assign("http://test.pl");
  4. });

wiem że coś w ten deseń to będzie smile.gif
Mega_88
W head:
  1. <script type="text/javascript">
  2. $(document).ready(function() {
  3. $(".kot-1").click(function(){ $('html, body').animate({ scrollTop: 500 }, 'slow'); })
  4. });


W body:
  1. <div class="kot-1" style="cursor:pointer">Scroll</div>

martex
no tak tylko ze tu mamy działanie na jedenj stronie
mi chodzi o wczytanie innej strony zewnętrznej w pozycji srodkowej np.

dobra doszedlem do innego prawie sposobu tylko potrzebuje jeszczke kilku wskazówek

dowołaniem sie na kolejnej stronie bedzie najlepeij id diva
czyli w adresie www.test.pl#divvv
i jestem elegancko ustawiony
ale jak z poprzedniej sstrony wysłac i odebrać to w pasku urla questionmark.gif
kropamk
chodzi Tobie o wysłanie geta? np. a href="strona.pl/cos.php?id_div=2 i odbierasz go $_GET['id'] ?
martex
http://jsfiddle.net/KFnec/

a przy okazji mam pytanie z czyms takim jak tutaj podmienic obrazek questionmark.gif (teraz jest kolor)
cos to remove i addclass mi nie dziala
a czy trzeba obrazki trzymac w css nie mozna odrazu podmiecin obrazkow po kliknieciu i odkliknieciu z folderu questionmark.gif
chodi mi cos w stylu ze jak klikne strzalke w dół to pojawi sie w górę a spowrtoem odwrotnie
dodał bym wtedy jeszcze show np. div questionmark.gif

podpowiedział by ktoś coś bo nie moge znaleść konkretnie takiego przykładu :/
kropamk
coś takiego może -> http://jsfiddle.net/cYCnD/
martex
no tak o to w tym przypadku smile.gif ale teraz jak pisałem jak to zrobić z obrazkami mam np
http://x4ql.nazwa.pl/select_arrow.png
http://x4ql.nazwa.pl/select_arrow_up.png
i czy da sie to zrobic tak zeby nie umieszcac tego jako tlo w classach tylko bezposrednio po kliknieciu zmieniac obrazek
chodzi mi o zastosowanie w selectcie questionmark.gif ;>
a jesli już no to classami w css
kropamk
Nie no najlepiej podmieniać klasami (toggleClass). Nie rozumiem o co chodzi Tobie z tym selectem? Jak to ma działać, co ma się dziać?
martex
http://jsfiddle.net/cYCnD/4/

chodzi mi o podmiane tej strzalki po kliknieciu smile.gif niby nie trudne ale jakos ciezko mi to znalesc


czy mógłby ktoś luknąć i poprawic mi kod wtedy bym wiedział co robiłem źle smile.gif
kropamk
hmhm smile.gif http://jsfiddle.net/zSABS/
martex
ok no w sumie o to chodziło ale chciałbym dorobić do tego możliwość powrotu strzałki do pierwotnej wersji po kliknieciu gdzies obok

docelowo to ma byc strzalka w select rozwijalnym
kiedy rozwine selecta strzalka obraca sie
kiedy chce zwinać klikam w strzalke i wraca do początku
ale ...
kiedy zjade z select to tez powraca do pierwotności a teraz zostaje (trzeba kliknąc aby ja przywrocic smile.gif )

niby nic a troche problemow mi sprawia tongue.gif
kropamk
to może tak wink.gif -> http://jsfiddle.net/zSABS/1/
martex
http://jsfiddle.net/cYCnD/9/

kombinuje cos w ta strone bo nie bardzo chce klasy robic i dawac strzalki jako tlo
ogolnie to metoda dzialania taka jak podales ale bez css
na sztywno dodane zdjecia

pytanie wogole czy da sie to tak zrobic bez tych class
poniewaz dla calej strony i roznych selektow checkboxow mam jedna klase
nie chce tam dawac tla podzielenie na rozne klasy tez nie wchodzi za bardzo w gre
czy ta sie na sztywno z obrazkami jak wyzej w kodzie takie cos osiagnac questionmark.gif
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2025 Invision Power Services, Inc.