Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Menu Absolutne - poziome
Zidane
post
Post #1





Grupa: Zarejestrowani
Postów: 47
Pomógł: 1
Dołączył: 8.08.2008
Skąd: Warszawa

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

Chodzi mi głównie o coś takiego:
(IMG:http://i39.tinypic.com/2uppq9h.png)
Aby zaraz po najechaniu wyświetlało się małe, poziome menu.
Pomożecie?
Go to the top of the page
+Quote Post
thek
post
Post #2





Grupa: Moderatorzy
Postów: 4 362
Pomógł: 714
Dołączył: 12.02.2009
Skąd: Jak się położę tak leżę :D
Może odrobina JS, który sobie w to menu wstawia co tam chcesz i robi mu display odpowiedni? (IMG:style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
Zidane
post
Post #3





Grupa: Zarejestrowani
Postów: 47
Pomógł: 1
Dołączył: 8.08.2008
Skąd: Warszawa

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

Mam już taki kod, ale nie wiem jak zrobić pozycję absolutną aby niższa część strony nie opadała...

[XML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <script type="text/javascript">
  4. function displaydiv(sList){
  5.     if(!document.getElementById) return false;
  6.  
  7.     //set all to off
  8.     clearAll();
  9.     //turn some back on
  10.     sList += "";
  11.     var ids=sList.split(/\s*,\s*/);
  12.     for (id=0; id<ids.length; id++) {
  13.         div = document.getElementById("page"+ids[id]);
  14.         div.style.display = "block";
  15.     }
  16. }
  17. function clearAll() {
  18.     var divs = document.getElementById("type").getElementsByTagName("div");
  19.     for(i = 0; i < divs.length; i++){divs[i].style.display = "none";}
  20. }
  21. </script>
  22. </head>
  23. <body>
  24. <a onmouseover="displaydiv('1'); return false;">Div1</a>
  25. <a onmouseover="displaydiv('2'); return false;">Div2</a>
  26. <a onmouseover="displaydiv('1,3'); return false;">Div1 i 3</a>
  27. <div id="type">
  28. <div id="page1">Hello</div>
  29. <div id="page2">Goodbye</div>
  30. <div id="page3">Good Day</div>
  31. </div>
  32.  
  33. <script type="text/javascript">
  34. displaydiv("1");  //say hello
  35. </script>
  36. </body>
  37. </html>
[XML] pobierz, plaintext
Go to the top of the page
+Quote Post
krzysztof_kf
post
Post #4





Grupa: Zarejestrowani
Postów: 1 135
Pomógł: 158
Dołączył: 19.03.2009
Skąd: Toruń

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

Thek cię nakierował a ja ci podaję na tacy zmień z display block na inline linia 14

Kod
        div.style.display = "inline";


a po za tym chyba nie ten dział ;/

Ten post edytował krzysztof_kf 14.03.2010, 11:12:26
Go to the top of the page
+Quote Post
Zidane
post
Post #5





Grupa: Zarejestrowani
Postów: 47
Pomógł: 1
Dołączył: 8.08.2008
Skąd: Warszawa

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

Niesamowite. Dzięki wielkie. Tego oczekiwałem.

Naturalnie Pomógł+
Go to the top of the page
+Quote Post
« Następny starszy · XML, AJAX · Następny nowszy »
 

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

 

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

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

RSS Aktualny czas: 10.06.2026 - 19:38
Powered By IP.Board © 2026  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn