Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zakrywanie elementu formularza SELECT
KILIUSZKIN
post
Post #1





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 26.01.2006

Ostrzeżenie: (0%)
-----


Tworzę aplikację w php/JS z bazą mysql.
Na każdej stronie wyświetlam horyzontalne dynamiczne (z opcjami rozwijanymi do dołu) menu w JS. W celu przyspieszenia sortowania i filtrownia danych pojawiających się na stronie, pobieranych z bazy danych wprowadziłem pod menu dwa pola SELECT, w którym umieszczone są wartości do filtrowania i sortowania danych, po wybraniu których strona jest przeładowywana w nowym porządku i/lub filtrowana.
Problem polega na tym, że po najechaniu myszką na menu, menu rozwija się ładnie do dołu i zakrywa wszystko oprócz pól SELECT i efekt niestety jest mizerny.
Proszę o pomoc, jak zasłonić te elementy.
Go to the top of the page
+Quote Post
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 559
Pomógł: 6315
Dołączył: 27.12.2004




No i tu jest problem. Efekt taki bedziesz mial na niektórych przeglądarkach. Na innych z kolei inne pola nie będą chcialy sie przykryc.

Rozwiązanie jest takie:
w momencie rozwijania menu, musisz sam ukrywac selecta. Nie ma bata. Nochyba ze cos sie zmienilo. jak tak, to sam chetnie poslucham (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
revyag
post
Post #3





Grupa: Przyjaciele php.pl
Postów: 2 258
Pomógł: 16
Dołączył: 21.09.2004
Skąd: Kielce

Ostrzeżenie: (0%)
-----


Raczej nic na to nie poradzisz. Select zachowuje się inaczej niż inne elementy i jest wyświetlany zawsze nad nimi wszystkimi.
Go to the top of the page
+Quote Post
KILIUSZKIN
post
Post #4





Grupa: Zarejestrowani
Postów: 45
Pomógł: 0
Dołączył: 26.01.2006

Ostrzeżenie: (0%)
-----


Na dzień dzisiejszy sprawę rozwiązałem w najprostszy z możliwych sposobów, to znaczy w opcjach menu, które są przykrywane przez pola SELECT powstawiałem separatory i wygląda to już "nieco" lepiej, przynajmniej wszystkie opcje menu są widoczne.

Ten post edytował KILIUSZKIN 22.03.2006, 11:11:08
Go to the top of the page
+Quote Post
mike
post
Post #5





Grupa: Przyjaciele php.pl
Postów: 7 494
Pomógł: 302
Dołączył: 31.03.2004

Ostrzeżenie: (0%)
-----


Możesz zrobić też tak, że jak pokazujesz jakąś wartstwę, która ma zakryć obszar na którym jest takie select to dodaj instrukcję, którz sprawi że select bedzie niewidoczny.
A kiedy warstwa znów nie jest widoczna (osłania obszar) to przywróć widoczność elementu select.
Go to the top of the page
+Quote Post
kszychu
post
Post #6





Grupa: Przyjaciele php.pl
Postów: 2 712
Pomógł: 23
Dołączył: 27.10.2003
Skąd: z kontowni

Ostrzeżenie: (0%)
-----


Wspomniany efekt występuje tylko dla pola select i tylko dla badzIEwia.
Ja rozwiązałem to w taki sposób, że "kolizyjne" selecty umiściłem na osobnych warstwach, które ukrywam w momencie pokazywania tego, co ma przesłaniać te selecty.
Go to the top of the page
+Quote Post
right6
post
Post #7





Grupa: Zablokowani
Postów: 206
Pomógł: 0
Dołączył: 9.03.2006

Ostrzeżenie: (0%)
-----


a to sie porobilo ...

korzystam z DropDownMenuX
=> http://gosu.pl/dhtml/mygosumenu.html

i gdzie tam dodac instrukcje, ktore by ukrywala selecta (IMG:http://forum.php.pl/style_emoticons/default/questionmark.gif)
Go to the top of the page
+Quote Post
kacperix
post
Post #8





Grupa: Zarejestrowani
Postów: 37
Pomógł: 0
Dołączył: 30.07.2006
Skąd: okolice Elbląga

Ostrzeżenie: (0%)
-----


Hej...witam wszystkich.

Miałem ten sam problem, tyle że nie było to menu a ToolTip-y w formularzu rejestracyjnym (wykorzystałem w tym celu darmowy skrypt). Te które znajdowały się w sąsiedztwie pól typu select zostawały przez nie zakrywane. Rozwiązywałem ten problem też poprzez ukrywanie i odkrywanie pól select, ale jest to mało elastyczne. Szczerze mowiac nie znam się na JavaScript dlatego podaje wam 2 linki do tego skryptu. Pierwszy z nich jest to skrypt "wadliwy", gdzie owe ToolTip-y są zakrywane przez pola typu select. Drugi link zawiera skrypt ten sam co pierwszy tyle, że jest pare linijek kodu dodane i wyświetlania Tooltipów jest poprawne (nie są one zakrywane przez dropdownlisty). Może ktoś kto ma większe pojęcie o Javie to po dokładnej analizie będzie potrafił wytłumaczyć co jak i dlaczego.

Link do skryptu "wadliwego":

http://www.dynamicdrive.com/dynamicindex5/dhtmltooltip.htm

Link do poprawionego skryptu:

http://www.dynamicdrive.com/forums/showpos...amp;postcount=5

Pozdrawiam
Go to the top of the page
+Quote Post

Reply to this topicStart new topic
2 Użytkowników czyta ten temat (2 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Aktualny czas: 7.10.2025 - 07:52