21. září bude sraz! Od 18.00 v restauraci Tradice v Praze u Anděla
Autor Zpráva
Jobík
Profil
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
Prosím poraďte
Matty
Profil
Jobík
Přes CSS asi ne, ale přes JavaScript by to už jít mohlo.
Matty
Profil
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
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
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
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
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
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
Já sem asi úplnej idiot ale nefungujemi to
WanTo
Profil
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
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>
Toto téma je uzamčeno. Odpověď nelze zaslat.

0