Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Dynamiczna zmiana parametrow w stylu (onMouseOver)
wassago
post
Post #1





Grupa: Przyjaciele php.pl
Postów: 701
Pomógł: 0
Dołączył: 26.06.2002
Skąd: Londyn

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


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>
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 2)
kicaj
post
Post #2





Grupa: Zarejestrowani
Postów: 1 640
Pomógł: 28
Dołączył: 13.02.2003
Skąd: Międzyrzecz/Poznań

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


  1. bgcolor=".$kolor2."
  2. onmouseout=\"this.style.background='".$kolor2."'\"
  3. onmouseover=\"this.style.background='".$kolor1."'\"
Go to the top of the page
+Quote Post
Paul
post
Post #3





Grupa: Zarejestrowani
Postów: 636
Pomógł: 0
Dołączył: 22.10.2003
Skąd: Katowice

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


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 (IMG:http://forum.php.pl/style_emoticons/default/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 (IMG:http://forum.php.pl/style_emoticons/default/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>


Ten post edytował Paul 17.06.2004, 14:41:57
Go to the top of the page
+Quote Post

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

 



RSS Aktualny czas: 24.08.2025 - 18:51