Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: menu
Forum PHP.pl > Forum > Po stronie przeglądarki
invx
24.11.2005, 14:16:54
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
nospor
24.11.2005, 14:24:52
zajrzyj se w źródło strony i zobacz jak tam to jest zrobione. To ci duzo pomoże smile.gif
Zajec
24.11.2005, 15:21:12
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/
Kas
24.11.2005, 16:29:30
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.
mike
24.11.2005, 17:39:54
gosu.pl -> DHTML -> mygosuMenu -> Demo -> *.Exapmple
invx
24.11.2005, 17:44:21
ok, to jak napisac takie w DHTM'u

gotowca nie chce exclamation.gif
dr_bonzo
24.11.2005, 17:51:19
TAK SAMO!
Albo piszesz sam albo bierzesz gotowca.
Zajec
24.11.2005, 21:00:53
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".
invx
24.11.2005, 21:08:34
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
Morkai
24.11.2005, 21:25:00
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
invx
24.11.2005, 21:36:21
heh fatalny blad tongue.gif

teraz kombinuje z onMouseOut ... i nie wiem co mam mu przypisac aby div sie zwijal ;/
dr_bonzo
24.11.2005, 22:06:34
Zagladamy do kursu css http://www.w3.org/TR/CSS21/propidx.html > klikamy w 'display', itd... >>
display: none
invx
24.11.2005, 22:29:57
przeciez nadalem juz w stylach display: none
dr_bonzo
24.11.2005, 22:41:06
No to o co tu pytasz?
Cytat
teraz kombinuje z onMouseOut ... i nie wiem co mam mu przypisac aby div sie zwijal ;/
invx
25.11.2005, 19:10:48
o js mi chodzi, bo co nie zrobie z onmouseout, to conajwyzej wyswietla mi diva jeszce raz zamias go zwinac.
dr_bonzo
25.11.2005, 20:03:00
@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?
invx
25.11.2005, 20:47:05
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
dr_bonzo
25.11.2005, 21:21:25
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?
Zajec
25.11.2005, 21:41:46
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
invx
17.12.2005, 07:25:08
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 ... ?
Kas
17.12.2005, 11:17:50
Skoro już zdecydowałeś się na menu w JS to skorzystaj z gotowego programu.
Możesz wtedy ustawić mnóstwo bardziej i mniej potrzebnych rzeczy.
dr_bonzo
17.12.2005, 12:04:02
Kas - nie rozpoczynaj flamewara z invx'em -- przeczytaj jego posty wyzej.
Zajec
17.12.2005, 13:27:42
Ze swoim podejściem sam się prosi.

OnTopic: Zrób overflow hidden i stopniowo zwiększaj wysokość.
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.