| Autor | Zpráva | ||
|---|---|---|---|
| Bezy Profil * |
#1 · Zasláno: 18. 2. 2009, 15:17:28
Mam trošku problém s tímto kódem
<script type="text/javascript" language="JavaScript">
<!--
function Test(color) {
var item = document.getElementById("myid");
item.style.border = '5px solid ' + color;
}
//-->
</script>
<body>
<p id="myid">ahoj</p>
<p onMouseOver="Test('red');" onMouseOut="Test('black');">Najed</p>
</body>
a v CSS mám
p {
border: 5px solid black;
}
p:hover {
border: 5px solid red;
}
Pokud nad prvním elementem p najedu myší, aktivuje se p:hover a barva se změní. Poté najedu nad druhým elementem p, aktivuje se javascript, při opuštění zase, barva se vrátí na půovdní. Jenže když potom najedu myší opět nad prvním elementem, tak se už nic nestane! Přitom by se podle p:hover opět měla změnit barva.. Co dělám špatně? |
||
| Chamurappi Profil |
#2 · Zasláno: 18. 2. 2009, 23:22:31
Reaguji na Bezyho:
Tím „item.style.border“ měníš border nastavený atributem „style“ na příslušném elementu. Atribut „style“ má větší sílu, než selektor ve stylopisu skládající se z názvu elementu a pseudotřídy. Chceš-li nějak měnit stav vzhledu elementu, měň jeho třídu (tedy item.className) a samotný vzhled pak určuj v CSS. |
||
| Kajman_ Profil * |
#3 · Zasláno: 19. 2. 2009, 08:52:32
Asi by fungovalo i
onMouseOut="Test('');" |
||
|
Časová prodleva: 15 let
|
|||
0