Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Dynamiczna zmiana parametrow w stylu (onMouseOver)
Forum PHP.pl > Forum > Po stronie przeglądarki > JavaScript
wassago
Sprawa zastanawia mnie od dluzeszego czasu. Wiem jak zmienic dynamicznie artybuty znacznika, lecz zalezy mi na tym aby zamieniane byly parametry w stylach czyli, zamienic "red" na "green":
  1. <span style="color: red">text</span>

z tego co sie orientuje to ponizszy kod mi nie pomoze:
  1. <script>
  2. ...
  3. document.style.color = "green";
  4. ...
  5. </script>
kicaj
  1. bgcolor=".$kolor2."
  2. onmouseout=\"this.style.background='".$kolor2."'\"
  3. onmouseover=\"this.style.background='".$kolor1."'\"
Paul
tu chyba chodzilo o kolor textu:
  1. <span style="color: red" onmouseover="this.style.color = 'green';"  onmouseout="this.style.color = 'red';">text</span>


To dziala tak samo jak kod kicaj_'a ale jest tu bardziej widoczne nazewnictwo takie jak w cssie smile.gif
  1. <span style="background-color: red;" onmouseover="this.style.backgroundColor = 'green';"  
  2. onmouseout="this.style.backgroundColor = 'red';">text</span>


edit:

Moim zdaniem wygodniej tak smile.gif :

  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=iso-8859-2">
  4. <style type="text/css">
  5. .out{color:red;}
  6. .over{color:blue;}
  7. </style>
  8. </head>
  9. <body>
  10. <span class="out" onmouseover="this.className = 'over';" onmouseout="this.className = 'out';">text</span>
  11. </body></html>
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.