Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][CSS]Przsuwalne okienka na stronie
Forum PHP.pl > Forum > Przedszkole
zaq1991zaq
Chcę zrobić na stronie okienka(DIV-y), które użytkownicy będą mogli przesuwać i zapisywać swoje ustawienia. Jeżeli ktoś z was ma jakąś koncepcję wykonania takiego czegoś to będę wdzięczny za pomoc.
Prym
Koncepcja:
Jquery + UI jquery = przenoszenie i inne cuda

smile.gif
zaq1991zaq
Dokładnie o coś takiego mi chodziło, tylko czy nie będzie się to gryzło z CSS3 i z kodem wokienkach napisanym w PHP?
Prym
jquery jest jedną z najbardziej zaawansowanych bibliotek js. Jeśli chodzi o walidację to niestety często validacja css się krzaczy, ale czy to ma znaczenie? przecież głównie chodzi o to żeby działało poprawnie w przeglądarce (KAŻDEJ a tak jest). Jeśli chodzi o php to nie miałem żadnych problemów z połączeniem biblioteki jquery z php. Wszystko śmiga ładnie, tylko trzeba troszkę pomyśleć i pokombinować (wujek google jest tu bardzo pomocny zwłaszcza w wersji angielskiej)
zaq1991zaq
Dobra to rozwiązanie wydaje się najlepsze. Pozostaje jeszcze kwestia pobrania ustawień okienek i zapisania ich stanu, a następnie ponownego odtworzenia.
Korab
Może w cookiesach?
zaq1991zaq
No tak ale w jaki sposób pobrać dane o pozycji okna?
Prym
Jakby nie patrzeć przesuwanie okienek to jest działanie JS więc pobranie ustawień okienek i zapisanie ich też poprzez JS.
N astonie którą ci podałem śa opcje skryptu. Poprostu musisz posiedzieć nad tym plugiem albo np pobrać położenie bloku poprzez czyste jquery.
np.: .position()

Ogólnie jeśli chcesz użyć tej biblioteki musisz poczytać o jquery.
Korab
W cookies zapisujesz X, Y i jakieś unikalne ID okna. Poszukaj w Google, jak obsługiwać cookies za pomocą jQuery.
Prym
a i jeszcze tylko pamiętaj że pobrane koordynaty są najczęściej według bloku powyżej z pozycją relative.

... ogólnie temat rzeka tongue.gif
zaq1991zaq
Ogólnie rzecz biorąc wiem o co chodzi, ale długa lektura mnie nie ominie. Wszystkim wielkie dzięki za pomoc.
drozdii07
  1. var pos = ui.draggable.position();
I..
  1. alert(pos.left);
  2. alert(pos.top);


Wyświetli pozycję przenoszonego DIV'a od lewego boku i górnej krawędzi strony smile.gif Domyślasz się, że możesz coś wiecej z tymi danymi zrobić..
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.