Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: [JavaScript][HTML][CSS] Dynamiczne nadawanie elementowi klasy.
Forum PHP.pl > Forum > Przedszkole
cabana
Witam.
Próbuję stworzyć rozwijane menu w js.
Mam problem z nadaniem nazwy klasy obiektowi którym jest odsyłacz.
Potrzebuję to ponieważ na stronie mam oznaczanie aktywnych odsyłaczy.

przykładowo:
posiadam element menu

  1. <li><a href="#" id="pattern" onmouseover="show()" onmouseout="hide()">Menu 1</a></li>


chciałbym nadać temu odsyłaczowi klasę `current` wtedy gdy mysz znajdzie się nad tym elementem
próbowałem zrobić to tak:

[JAVASCRIPT] pobierz, plaintext
  1. function show()
  2. {
  3. document.getElementById('pattern').className = "current";
  4. }
[JAVASCRIPT] pobierz, plaintext


ale coś mi to nie trybi sad.gif
proszę o pomoc.
jaslanin
1. zrobiłem na szybko testowy kod i to rozwiązanie działa, więc przyczyna musi leżeć gdzieś w pozostałej części kodu, spróbuj stworzyć plik html i wstawić do niego poniższy kod a się przekonasz:

Kod
<style>
.current {
color:red;
}
</style>

<script>
    function show()
    {
    document.getElementById('pattern').className = "current";
    }
</script>

<li><a href="#" id="pattern" onmouseover="show()" onmouseout="hide()">Menu 1</a></li>


2. Być może Twój projekt wymaga dodania klasy ale podobne zastosowanie ma kod CSS:

Kod
a:hover{
   color:red;
}
darko
Nie prościej tak:
  1. <li><a href="#" id="pattern" onmouseover="this.className='current'">Menu 1</a></li>

?
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.