Autor Zpráva
Jan Tojnar
Profil
Potřeboval bych po kliknutí změnit hoverstyl nějakého prvku
body{background:#8ae234;color:#2e3436;font-family:sans-serif;p adding:1em 10%;}
.border{padding:0.1em 0.5em;border:solid #2e3436 1px;}
.footer{margin-top:1em;}
.text{margin-top:1em;}
#acontent{display:block;}
.about{border-bottom:solid #2e3436 1px;}
.menu{margin-top:1em;}
.header a{display:block;background:url('gpx/logo.png') no-repeat;height:55px;}
#ahide{display:block;height:20px;width:60px;background:url('gpx/minus.  png') no-repeat;margin:auto;}
#ahide:hover{background:url('gpx/minush.png') no-repeat;}


function hide(){
elem=document.getElementById('acontent');
elem1=document.getElementById('ahide');
if(elem.style.display=='none'){
elem.style.display='block'
elem1.title='Skrýt';
elem1.style.background='url("gpx/minus.png") no-repeat';
elem1.hover:style.background='url("gpx/minush.png") no-repeat';
}else{
elem.style.display='none'
elem1.title='Zobrazit';
elem1.style.background='url("gpx/plus.png") no-repeat';
elem1.hover:style.background='url("gpx/plush.png") no-repeat';
}
}

<div class="main">
<div class="header border"><a href="/?p=default"></a>
</div>
<div class="menu border"><a href="/?p=bulc">Odkaz</a>
</div>
<div class="text border">
<div class="a">
<div id="acontent">Obsah a
</div><span id="ahide" onclick="hide()" title="Skrýt"></span></div>
Obsah textu
</div>
</div>
Měsíček
Profil
Achjoó!
Jan Tojnar
Profil
Díky, Měsíček
Chamurappi
Profil
Odemykám.

Reaguji na Měsíčka:
Kdyby tu tento dotaz padal častěji než dvakrát za rok, tak bych takovou skvělou radu možná chápal, ale takhle…

Reaguji na Jana Tojnara:
Během těch 42 sekund sis toho možná nevšiml, ale ty nejviditelnější rady, které najde Google, jsou pěkně hnusné a špatně použitelné.
Měň u elementu, jehož vzhled se má změnit, jen třídu. Tedy nastavuj elem1.className = 'něco'. Ve stylopisu pak nadefinuješ, „.něco { background: url('…') }“ a také „.něco:hover { background: url('…') }“.
peta
Profil
Chamurappi
Zapomnel jsi napsat, ze to zalezi pripad od pripadu.
Nejlepsi reseni je menit tridu. Take souhlasim.
Ale jsou pripady, kdy je jednodussi prepisovat styl primo.

A moje oblibena citace:
jakpsatweb - javascript - priklady
upraveno zde
http://www.volny.cz/peter.mlich/jpw
Tam ma i zmenu className na onmouseover i na onclick.

Co se tyce hoveru, tak nejlepsi vec, co znam je hledat javascript csshover.htc vsunuty pro IE do CSS .

Vaše odpověď

Mohlo by se hodit

Neumíte-li správně určit příčinu chyby, vkládejte odkazy na živé ukázky.
Užíváte-li nějakou cizí knihovnu, ukažte odpovídajícím, kde jste ji vzali.

Užitečné odkazy:

Odkud se sem odkazuje


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0