Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> menu
invx
post
Post #1





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

Jak sie zabrac za pisanie takiego menu

http://blatek.ma.ciekawe.info/javascript/f...hite/index.html

?

chce napisac to jak najprosciej. Dajcie jakies cenne wskazowki smile.gif


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
2 Stron V   1 2 >  
 Start new topic
Odpowiedzi (1 - 19)
nospor
post
Post #2





Grupa: Moderatorzy
Postów: 36 557
Pomógł: 6315
Dołączył: 27.12.2004
zajrzyj se w źródło strony i zobacz jak tam to jest zrobione. To ci duzo pomoże smile.gif


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer
Go to the top of the page
+Quote Post
Zajec
post
Post #3





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Polecam menu
1) Zgodne ze standardami
2) Nie oparte o tabelki
3) Działające w nowoczesnych przeglądarkach nawet z wyłączonym JS
4) Banalniejsze w edycji
http://www.htmldog.com/articles/suckerfish/dropdowns/
Go to the top of the page
+Quote Post
Kas
post
Post #4





Grupa: Zarejestrowani
Postów: 425
Pomógł: 0
Dołączył: 28.05.2005
Skąd: Warszawa

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

Gdybyś jednak się zdecydował namenu w JS (czego nie polecam) to wykorzystaj gotowe programy. Jest ich naprawdę wiele.

Z tego co wiem podobne menu można zrobić również we flashu.


--------------------
nospor, jestem z Wami.
Alpha IT
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%)
-----

gosu.pl -> DHTML -> mygosuMenu -> Demo -> *.Exapmple
Go to the top of the page
+Quote Post
invx
post
Post #6





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

ok, to jak napisac takie w DHTM'u

gotowca nie chce exclamation.gif


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
dr_bonzo
post
Post #7





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

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

TAK SAMO!
Albo piszesz sam albo bierzesz gotowca.


--------------------
Nie lubię jednorożców.
Go to the top of the page
+Quote Post
Zajec
post
Post #8





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Cytat(invx @ 2005-11-24 17:44:21)
ok, to jak napisac takie w DHTM'u

gotowca nie chce exclamation.gif

To sobie zrób odpowiednio zagnieżdżone listy, takie że najechanie na niektóre ich elementy zmienia display ich odpowiedniego potomostwa. Potem za pomocą JS imitujesz obsługę li:hover w IE i gotowe.
Jednym słowem http://www.htmldog.com/articles/suckerfish/dropdowns/ - tu masz to wszystko zrobione, musisz jedynie pozmieniać CSS od list oraz pozycje menu i wartości "href".
Go to the top of the page
+Quote Post
invx
post
Post #9





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

aj jednak wole cos napisac samemu, zebym mogl z czystym sumieniem mowiac ze ja w calosci strone wykonalem

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #m1
  5. {
  6.     display: none;
  7. }
  8. </style>
  9.  
  10. </head>
  11.  
  12. <body>
  13.  
  14. <div onMouseOver="document.getElementById("m1").style.display='block';">Nazwa_menu</div>
  15.  
  16. <div id="m1">podmenu</div>
  17.  
  18. <body>
  19.  
  20. </html>
[HTML] pobierz, plaintext


i nic ... sad.gif


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
Morkai
post
Post #10





Grupa: Zarejestrowani
Postów: 24
Pomógł: 3
Dołączył: 25.08.2005

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

Kod
onMouseOver="document.getElementById('m1').style.display='block';"
Złe cudzysłowy były pomiędzy ().

A no i jak będziesz dalej takie pytania zadawał to raczej nie będziesz
Cytat(invx)
mogl z czystym sumieniem mowiac ze ja w calosci strone wykonalem
Go to the top of the page
+Quote Post
invx
post
Post #11





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

heh fatalny blad tongue.gif

teraz kombinuje z onMouseOut ... i nie wiem co mam mu przypisac aby div sie zwijal ;/


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
dr_bonzo
post
Post #12





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

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

Zagladamy do kursu css http://www.w3.org/TR/CSS21/propidx.html > klikamy w 'display', itd... >>
display: none


--------------------
Nie lubię jednorożców.
Go to the top of the page
+Quote Post
invx
post
Post #13





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

przeciez nadalem juz w stylach display: none


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
dr_bonzo
post
Post #14





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

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

No to o co tu pytasz?
Cytat
teraz kombinuje z onMouseOut ... i nie wiem co mam mu przypisac aby div sie zwijal ;/


--------------------
Nie lubię jednorożców.
Go to the top of the page
+Quote Post
invx
post
Post #15





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

o js mi chodzi, bo co nie zrobie z onmouseout, to conajwyzej wyswietla mi diva jeszce raz zamias go zwinac.


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
dr_bonzo
post
Post #16





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

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

@invx

kod Morkai:
Kod
onMouseOver="document.getElementById('m1').style.display='block';"

onMouseOut="document.getElementById('m1').style.display='none';" // <<< nie wystarcza?questionmark.gif


onMouseOut i Over dla xhtmla z malych liter byc powinno, nie?


--------------------
Nie lubię jednorożców.
Go to the top of the page
+Quote Post
invx
post
Post #17





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

ok, ok
wszytsko pieknie, wszytsko sie nadaje. Menu sie niby zwija, jednak nie - jak ja chce - po zjechaniu z wyswietlonego diva, a po zjechaniu z linka powodujacego wyswietlenie tego diva. Tak jak jest teraz nie mam mozliwosci ani dorobienia podmenu, ani nawet klikniecia w jakis link


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
dr_bonzo
post
Post #18





Grupa: Przyjaciele php.pl
Postów: 5 724
Pomógł: 259
Dołączył: 13.04.2004
Skąd: N/A

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

Po najechaniu na linka pojawia sie div.
Po najechaniu na tego diva - div sie pokazuje (tz. ciagle jest widoczny)
Po zjechaniu z linka otwierajacego diva nic sie nie dzieja
Po zjechaniu z diva ukrywasz go.

Z implementacja sobie poradzisz. Jeszcze jedno - gdzie znajdujes sie ten div, pod linkiem? obok?


--------------------
Nie lubię jednorożców.
Go to the top of the page
+Quote Post
Zajec
post
Post #19





Grupa: Zarejestrowani
Postów: 1 086
Pomógł: 8
Dołączył: 10.12.2003

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

Po co ty się pytasz o dobre metody wykonania menu, jak nie słuchasz?

[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <style type="text/css">
  4. #menu div div { display: none; }
  5. #menu div:hover div { display: block; }
  6. </style>
  7. </head>
  8. <body>
  9.  
  10. <div id="menu"
  11. <div>Nazwa_menu
  12. <div>podmenu</div>
  13. </div>
  14. </div>
  15.  
  16. <body>
  17. </html>
[HTML] pobierz, plaintext
Go to the top of the page
+Quote Post
invx
post
Post #20





Grupa: Zablokowani
Postów: 655
Pomógł: 0
Dołączył: 28.11.2003
Skąd: Zagórz

Ostrzeżenie: (80%)
XXXX-

ok, udalo mi sie conieco skrobnac. Dziala OK, z jednym ale ...
straszna dystkoteko przy otwieraniu i zwijaniu sie menu, wszytsko takie "sztywne" i miga. A jak by tak cos dopisac zeby sie plynnie zwijalo i rozwijalo questionmark.gif i ze jak sie zjedzie myszka z menu to zeby sie nie chowalo od razu a z opuznieniem ...
cos slyszalem o jakis filrach ... ?


--------------------
RCXcms
www.rcx.prv.pl
Pierwszy polski w pełni zintegrowany system portal
Go to the top of the page
+Quote Post
« Następny starszy · Po stronie przeglądarki · Następny nowszy »
 

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

 

Tryb wyświetlania: Przełącz na: Standardowy · Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Aktualny czas: 20.08.2025 - 09:55
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn