Forum PHP.pl > Zmiana tła

Pomoc - Szukaj - Użytkownicy - Kalendarz

Forum PHP.pl > Forum > Po stronie przeglądarki > CSS

siorbi

15.12.2006, 20:46:15

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

WereWolf

16.12.2006, 07:26:49

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

JaRoPHP

16.12.2006, 10:05:25

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

)

[HTML] pobierz, plaintext 
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title>Test</title>
<style type="text/css">	
	div { width: 100px; height: 100px; margin: 0 0 2em 0; }
 
	#k1 {border: 1px solid #000000; color: white; background: black }
 
	#k2 {border: 1px solid #000000; color: black; background: white; }
</style>
 
<script type="text/javascript">
function zmienKolor(elem) {
	oDiv = document.getElementById(elem);
	if(oDiv.style.backgroundColor == "black") {
		oDiv.style.backgroundColor = "white";
		oDiv.style.color = "black";
	}
	else {
		oDiv.style.backgroundColor = "black";
		oDiv.style.color = "white";
	}
}
</script>
</head>
<body>
<div id="k1" onmouseover="zmienKolor('k2')">RAZ</div>
<div id="k2">DWA</div>
</body>
</html>
[HTML] pobierz, plaintext

gekon

16.12.2006, 15:26:52

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.

siorbi

16.12.2006, 15:51:35

dzieki wszystko zrobilem juz tak jak chcialem ... wykorzystalem jave tak jak polecal JaRoPHP

WereWolf

16.12.2006, 20:24:51

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)

siorbi

19.12.2006, 18:48:07

ej okej ... to wszystko przez to ze javy mnie jeszcze nie uczyli i znam tylko javascript

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.