 [HTML][JavaScript] Menu otwierane po kliknięciu., --optymalizacja-- |
| [HTML][JavaScript] Menu otwierane po kliknięciu., --optymalizacja-- |
Post
#1
|
|
|
Grupa: Zarejestrowani Postów: 520 Pomógł: 102 Dołączył: 15.07.2014 Skąd: NULL Ostrzeżenie: (0%) 
 |
Menu:
Skrypt:
Jestem raczej początkujący w JS bo nie spędziłem nad im dużo czasu, max. kilka godzin. Czy da się przyspieszyć ten kod z tym samym efektem? Chodzi mi o efekt ala znaczniki html (details, summary) < bo działa to z 4x szybciej, a menu wręcz lekko zamula na niektórych przeglądarkach. |
 |
 
|
 |
|
Post
#2
|
|
|
Grupa: Zarejestrowani Postów: 1 268 Pomógł: 254 Dołączył: 11.06.2009 Skąd: Świętochłowice Ostrzeżenie: (0%)
|
Cytat Zamula na starszych operach Jak starszych? 12 czy trochę wyższych? Jak 12, to nawet nie ma sensu nad tym siedzieć… Wszak to już kilkuletnie trupy - nie oszukujmy się. Co do sposobu - nie wiem czy bym nie szedł po prostu w zabawę klasą. Kod <!DOCTYPE html> <html lang="pl" dir="ltr" class="no-js"> <head> <meta charset="UTF-8"> <script>(function(H){H.className=H.className.replace(/\bno-js\b/,'js')})(document.documentElement)</script> <title>Ehhhh</title> <style> .no-js #menu > button { display: none; } #menu > button:before { content: '[#]'; } #menu.open > button:before { content: '[^]'; } #menu > ul { display: none; } #menu.open > ul, .no-js #menu > ul { display: block; } </style> </head> <body> <nav id="menu"> <button>Menu</button> <ul> <li><a href="/">Strona główna</a></li> <li><a href="/chat/">Czat</a></li> </ul> </nav> <script> (function(menu) { var button = menu.getElementsByTagName('button')[0]; button.addEventListener('click', function(e) { if(menu.className.indexOf('open') === -1) menu.className += ' open'; else menu.className = menu.className.replace(/[s]*open/, ''); }); }(document.getElementById('menu'))); </script> </body> </html> W tym kodzie menu jest rozwinięte zawsze, gdy user nie ma JS + dodatkowo wszystkie zmiany związane z jego wyglądem odgrywają się poprzez zmianę klasy. |
|
|
|
Ksar [HTML][JavaScript] Menu otwierane po kliknięciu. 17.05.2015, 12:56:43 
Comandeer Dziwne, że tego typu skrypt zamula - nie jest jako... 17.05.2015, 13:23:32 
Ksar Cytat(Comandeer @ 17.05.2015, 14:23:3... 17.05.2015, 13:38:59 Ksar Cytat(Comandeer @ 17.05.2015, 15:08:5... 17.05.2015, 14:27:14  |
|
Aktualny czas: 14.10.2025 - 07:23 |
