Autor Zpráva
Jobík
Profil
#1 · Zasláno: 15. 8. 2008, 08:56:15 · Upravil/a: Jobík
Odpovědět Citovat
Zdravím, mám problém jak udělat že když předu div s ID uvod změní se mi pozadí u divu s ID stranka

#uvod:hover #stranka {
background-color: red;
}

Ale nefunguje to prosím poraďte

Předem díky

P.S Vím že to nefunguje v exloeru 6 ale v mozile to fungovat má
Jobík
Profil
#2 · Zasláno: 15. 8. 2008, 09:40:41
Odpovědět Citovat
Prosím poraďte
Matty
Profil
#3 · Zasláno: 15. 8. 2008, 09:46:14
Odpovědět Citovat
Jobík
Přes CSS asi ne, ale přes JavaScript by to už jít mohlo.
Matty
Profil
#4 · Zasláno: 15. 8. 2008, 09:48:49 · Upravil/a: Matty
Odpovědět Citovat
Jobík
Tak jsem si to zkusil a jde to i přes CSS.
edit: Samozřejmě že div #stranka musí být uvnitř divu #uvod.
Jobík
Profil
#5 · Zasláno: 15. 8. 2008, 10:13:43
Odpovědět Citovat
„edit: Samozřejmě že div #stranka musí být uvnitř divu #uvod.“

Aha tak tím to je já ho mám mimo
Jobík
Profil
#6 · Zasláno: 15. 8. 2008, 11:08:54
Odpovědět Citovat
Matty

Tím javasriptem sem to zkoušel ale jak tam mám dát obrázek na pozadí ne jen barvu
Jobík
Profil
#7 · Zasláno: 15. 8. 2008, 11:11:29
Odpovědět Citovat
document.body.style.backgroundImage='url('Soubory/All_css/pozadi2.png' ) Já bych potřeboval dát divu stránka pozadi2.png když přejedu přes jyný div ale nejde mi tam nějak dát obrázek barva jo
WanTo
Profil
#8 · Zasláno: 15. 8. 2008, 11:12:41
Odpovědět Citovat
Jobík
V handlerech událostí myši budeš menit styl background-image (z pohledu JavaScriptu backgroundImage): 
document.getElementById("stranka").style.backgroundImage = "nějaká ta hodnota";
Jobík
Profil
#9 · Zasláno: 15. 8. 2008, 11:17:47
Odpovědět Citovat
WanTo
Nefunguje mi to ani takto :
onmouseover="document.getElementById('stranka').style.backgroundImage = 'Soubory/All_css/pozadi2.png';
a ani takto
onmouseover="document.getElementById('stranka').style.backgroundImage = url('Soubory/All_css/pozadi2.png');
Jobík
Profil
#10 · Zasláno: 15. 8. 2008, 11:21:49
Odpovědět Citovat
Já sem asi úplnej idiot ale nefungujemi to
WanTo
Profil
#11 · Zasláno: 15. 8. 2008, 11:24:35 · Upravil/a: WanTo
Odpovědět Citovat
Jobík
Zkus to takhle: 

document.getElementById("uvod").onmouseover = function() {
  document.getElementById("stranka").style.backgroundImage = "url(cesta/k/souboru.png)";
};


Edit: tohle musíš dát mezi mezi tagy <script> a </script> někam na konec stránky, případně do události body.onload.
WanTo
Profil
#12 · Zasláno: 15. 8. 2008, 11:40:58
Odpovědět Citovat
Tady máš kompletní kód. Teďka mění barvu pozadí, na změnu obrázku na pozadí si ho určitě dokážeš upravit. 
<div id="uvod">
	Úvod
</div>
<div id="stranka">
	Stránka
</div> 

<script type="text/javascript">
	document.getElementById("uvod").onmouseover = function() {
  		document.getElementById("stranka").style.backgroundColor = "Red";
	};
	document.getElementById("uvod").onmouseout = function() {
  		document.getElementById("stranka").style.backgroundColor = "transparent";
	};
</script>
Časová prodleva: 16 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0