Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

> Zmiana tła
siorbi
post
Post #1





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 8.09.2005

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


Mam dwie tabele oraz tekst. Potrafie zmienic tylko tlo tabeli na ktora najade kursorem ale terez chce:
1) aby po najechaniu na jedna zmienilo sie tło drugiej
2) po najechaniu kursorem zmienilo sie tło pierwszej i kolor tekstu
Go to the top of the page
+Quote Post
 
Start new topic
Odpowiedzi (1 - 6)
WereWolf
post
Post #2





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 21.05.2005

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


samym CSS'em sprawy raczej nie załatwisz... tu możesz jedynie operować na :hover, czyli tło/kolor tekstu zmieni się po najechaniu na dany obszar, a jak z niego wyjedziesz, to wróci do standardowego

jak chcesz pokombinować coś więcej, to chyba tylko JavaScript zostaje
Go to the top of the page
+Quote Post
JaRoPHP
post
Post #3





Grupa: Zarejestrowani
Postów: 675
Pomógł: 15
Dołączył: 7.11.2004
Skąd: Katowice

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


Cytat(WereWolf @ 16.12.2006, 07:26:49 ) *
samym CSS'em sprawy raczej nie załatwisz...

Dołączam się do tych słów. Dzieki zastosowanieu JavaScript masz m.in możliwość zmiany tła jednego element, wskazując inny. Poniżej znajduje się przykładowy skrypcik, który realizuje w jakims stopniu to, co Ty @siorbi chcesz osiągnąć; należy go tylko "troszkę" zmodyfikować (nic tak nie kształci, jak własna praca (IMG:http://forum.php.pl/style_emoticons/default/smile.gif) )
  1. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  2. <title>Test</title>
  3. <style type="text/css">
  4. div { width: 100px; height: 100px; margin: 0 0 2em 0; }
  5.  
  6. #k1 {border: 1px solid #000000; color: white; background: black }
  7.  
  8. #k2 {border: 1px solid #000000; color: black; background: white; }
  9.  
  10. <script type="text/javascript">
  11. function zmienKolor(elem) {
  12. oDiv = document.getElementById(elem);
  13. if(oDiv.style.backgroundColor == "black") {
  14. oDiv.style.backgroundColor = "white";
  15. oDiv.style.color = "black";
  16. }
  17. else {
  18. oDiv.style.backgroundColor = "black";
  19. oDiv.style.color = "white";
  20. }
  21. }
  22. </head>
  23. <div id="k1" onmouseover="zmienKolor('k2')">RAZ</div>
  24. <div id="k2">DWA</div>
  25. </body>
  26. </html>
Go to the top of the page
+Quote Post
gekon
post
Post #4





Grupa: Zarejestrowani
Postów: 614
Pomógł: 7
Dołączył: 10.11.2003
Skąd: Rzeszów/Kraków

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


Da się zrobić w samym CSSie ale będzie działać tylko w Przeglądarkach (w badzIEwiu nie) i jeżeli znasz pokrewieństwo elementu.
Go to the top of the page
+Quote Post
siorbi
post
Post #5





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 8.09.2005

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


dzieki wszystko zrobilem juz tak jak chcialem ... wykorzystalem jave tak jak polecal JaRoPHP
Go to the top of the page
+Quote Post
WereWolf
post
Post #6





Grupa: Zarejestrowani
Postów: 69
Pomógł: 0
Dołączył: 21.05.2005

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


Cytat(siorbi @ 16.12.2006, 15:51:35 ) *
dzieki wszystko zrobilem juz tak jak chcialem ... wykorzystalem jave tak jak polecal JaRoPHP

małe wyjaśnienie na przyszłość, bo niby szczegół, ale bardzo istotny...

Java != JavaScript (innymi słowy, Java to zupełnie co innego niż JavaScript) (IMG:http://forum.php.pl/style_emoticons/default/smile.gif)
Go to the top of the page
+Quote Post
siorbi
post
Post #7





Grupa: Zarejestrowani
Postów: 56
Pomógł: 0
Dołączył: 8.09.2005

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


ej okej ... to wszystko przez to ze javy mnie jeszcze nie uczyli i znam tylko javascript (IMG:http://forum.php.pl/style_emoticons/default/angrysmiley.gif)
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.12.2025 - 18:01