Zastąpienie lub zmiana właściwości elementu bez js

Question

Witam!

No więc uznałem, że warto by uwzględnić sytuację, w której aplikacja użytkownika nie obsługuje javascript, no i naszedł mnie problem: jak bez JS zmienić właściwości elementu lub go podmienić i czy w ogóle się da? Alibo co innego wymyślić?

Mam menu nawigacyjne i tam linki no i chciałbym, żeby gdy JS jest obsługiwany to po kliknięciu na przycisk w menu pojawił się pod nim nowy element a gdy JS nie jest obsługiwany przycisk zachowywał się jak odnośnik z linkiem

Dzięki z góry za odpowiedzi!

Answer 1

Myślę, że Twój problem może rozwiązać Event.preventDefault() na akcji kliknięcia linka.

Comments

Rozumiem, że jeśli dobrze użyje tej funkcji to mogę zatrzymać władowanie strony z łącza, tak..?

---

*powstrzymać władowanie strony

---

Domyślą akcją dla linka będzie przejście pod wskazany adres, a tym sposobem przez JS możesz to zablokować i wykonać dowolne inne operacje. Natomiast przy braku JS zostanie wykonane po prostu przekierowanie do linka lub kotwicy (zależy co tak w href dasz).

---

W takim razie dokładnie tego było mi trzeba dzięki!

---

Proszę bardzo :) Pamiętaj tylko, aby wywołując metodę addEventListener pobrać event:

[referencja do linka].addEventListener('click', (e) => {
    e.preventDefault();
    // i tutaj robimy co chcemy przy braku JS
})

 

---

W sumie uparłem się na 'onclick' i na stacku znalazłem prostsze rozwiązanie:

https://stackoverflow.com/questions/15622100/how-can-i-disable-href-if-onclick-is-executed

co o nim myślisz?

---

Jeśli piszemy w vanillaJS to ja jestem raczej zwolennikiem wyraźnego rozdzielenia HTML / CSS / JS i nie mieszania JS z HTML.

---

Moim zdaniem to dużo prostszy zapis, jestem początkujący, więc może kiedyś zmienię zdanie, ale póki co zostaję przy tym bo jakoś czytelniej...