Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> [JavaScript][HTML]Menu Dynamiczne
Beniooo
post 24.05.2012, 16:39:07
Post #1





Grupa: Zarejestrowani
Postów: 260
Pomógł: 26
Dołączył: 26.01.2012
Skąd: Ci to przyszło do głowy?

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


Witam, mam pewien problem.
Otóż gdy otworze jedną komórkę z podmenu, pozostałe obniżają się, nie wiem jak na to zaradzić...
Skrypt:
  1. <tr>
  2. <td>
  3. <dl id="menu0">
  4. <dt>Nagłówek 1</dt>
  5. <dd>Element 1.1</dd>
  6. <dd>Element 1.2</dd>
  7. <dd>Element 1.3</dd>
  8. </dl>
  9. </td>
  10. <td>
  11. <dl id="menu1">
  12. <dt>Nagłówek 2</dt>
  13. <dd>Element 2.1</dd>
  14. <dd>Element 2.2</dd>
  15. <dd>Element 2.3</dd>
  16. </td>
  17. <td>
  18. <dl id="menu2">
  19. <dt>Nagłówek 3</dt>
  20. <dd>Element 3.1</dd>
  21. <dd>Element 3.2</dd>
  22. <dd>Element 3.3</dd>
  23. </dl>
  24. </td>
  25. </tr>
  26. <script type="text/javascript">
  27. // <![CDATA[
  28. new Menu('menu0');
  29. // ]]>
  30. <script type="text/javascript">
  31. // <![CDATA[
  32. new Menu('menu1');
  33. // ]]>
  34. <script type="text/javascript">
  35. // <![CDATA[
  36. new Menu('menu2');
  37. // ]]>


--------------------
Mój post rozwiązał Twój problem? Naciśnij co Ci szkodzi? ;-)
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 3)
lobopol
post 24.05.2012, 16:44:53
Post #2





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


Niby jak z czegoś takiego mamy cokolwiek wywnioskować? Co robi new Menu? Jaki jest kod js/css. Pokaż całość online albo na jsfiddle.


--------------------
Go to the top of the page
+Quote Post
Beniooo
post 24.05.2012, 16:51:59
Post #3





Grupa: Zarejestrowani
Postów: 260
Pomógł: 26
Dołączył: 26.01.2012
Skąd: Ci to przyszło do głowy?

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


Ojć sorki, zapomniałem o tym, stronka jest na Tu
js jest naa Tej stronie

Ten post edytował Beniooo 24.05.2012, 16:52:31


--------------------
Mój post rozwiązał Twój problem? Naciśnij co Ci szkodzi? ;-)
Go to the top of the page
+Quote Post
lobopol
post 24.05.2012, 17:01:21
Post #4





Grupa: Zarejestrowani
Postów: 1 729
Pomógł: 346
Dołączył: 4.04.2009

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


jeżeli nic nie ma być pod spodem to dodaj elementom td
  1. vertical-align: top

Jeżeli będzie miało coś być pod spodem To zrób to inaczej zrób zamiast dt i dd i całej tej tabelki

  1. <ul>
  2. <li>pierwsze menu
  3. <ul>
  4. <li>ukryte</li>
  5. <li>ukryte</li>
  6. <li>ukryte</li>
  7. </ul>
  8. </li>
  9. <li>drugie menu
  10. <ul>
  11. <li>ukryte</li>
  12. <li>ukryte</li>
  13. <li>ukryte</li>
  14. </ul>
  15. </li>
  16.  
  17. </ul>


Ostyluj sobie (nie napiszę ci kodu bo co to za nauka) Pierwszy poziom li aby wyświetlały się poziomo i miały position: relative, ul w ul aby było ukryte i miało position: absolute (z odpowiednim topem/leftem) i pokazuj je na kliku.


--------------------
Go to the top of the page
+Quote Post

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

 



RSS Wersja Lo-Fi Aktualny czas: 18.07.2025 - 08:40