Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
 Reply to this topicStart new topic
> Zmiana tła
siorbi
post 15.12.2006, 20:46:15
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


--------------------
www.siorbi.pl
Go to the top of the page
+Quote Post
WereWolf
post 16.12.2006, 07:26:49
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 16.12.2006, 10:05:25
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 smile.gif)
[HTML] pobierz, plaintext 
  1. <html>
  2. <head>
  3. <meta http-equiv="Content-type" content="text/html; charset=utf-8" />
  4. <title>Test</title>
  5. <style type="text/css">	
  6. 	div { width: 100px; height: 100px; margin: 0 0 2em 0; }
  7.  
  8. 	#k1 {border: 1px solid #000000; color: white; background: black }
  9.  
  10. 	#k2 {border: 1px solid #000000; color: black; background: white; }
  11. </style>
  12.  
  13. <script type="text/javascript">
  14. function zmienKolor(elem) {
  15. 	oDiv = document.getElementById(elem);
  16. 	if(oDiv.style.backgroundColor == "black") {
  17. 		oDiv.style.backgroundColor = "white";
  18. 		oDiv.style.color = "black";
  19. 	}
  20. 	else {
  21. 		oDiv.style.backgroundColor = "black";
  22. 		oDiv.style.color = "white";
  23. 	}
  24. }
  25. </script>
  26. </head>
  27. <body>
  28. <div id="k1" onmouseover="zmienKolor('k2')">RAZ</div>
  29. <div id="k2">DWA</div>
  30. </body>
  31. </html>
[HTML] pobierz, plaintext


--------------------
Kto pyta, nie błądzi...
Kto zbłądził, ten pyta...
Go to the top of the page
+Quote Post
gekon
post 16.12.2006, 15:26:52
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.


--------------------
Pokaż kod = Pokaż CAŁY kod, najlepiej działający na jakimś serwerze.
Fanatycy | glazar.info | semantyka | HTML i XHTML FAQ
Go to the top of the page
+Quote Post
siorbi
post 16.12.2006, 15:51:35
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


--------------------
www.siorbi.pl
Go to the top of the page
+Quote Post
WereWolf
post 16.12.2006, 20:24:51
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) smile.gif
Go to the top of the page
+Quote Post
siorbi
post 19.12.2006, 18:48:07
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 angrysmiley.gif


--------------------
www.siorbi.pl
Go to the top of the page
+Quote Post
« Następny starszy · CSS · Następny nowszy »
 

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

 

Tryb wyświetlania: Standardowy · Przełącz na: Linearny+ · Przełącz na: Drzewo

Śledź ten temat · Wyślij temat na e-mail · Wydrukuj ten temat · Subskrybuj to forum

RSS Wersja Lo-Fi Aktualny czas: 12.06.2025 - 19:34
Powered By IP.Board © 2025  IPS, Inc.
All changes by PHP.pl Administrators
Hosting zapewnia NQ.pl hosting, trac, svn