Autor Zpráva
ronnie
Profil
Jako naprostý amatér přes javascript od vás žádám pomoc.
Potřebuji událost onmouseover v prvku input tak, aby se po přejetí myší přes tento prvek objevil jiný obrázek, v css to není problém, ale IE bere hover jen u odkazů. Mám tedy
<input onmouseover="" />
a potřebuji nahrát obrázek img/input.png
Mnohokrát děkuji za pomoc.
Peta
Profil *
ronnie
CSS
body {behavior:url("csshover.htc")}
input:hover {}

a v google si pohledej soubor csshover.htc , coz je JS s udalosti hover pro IE

Jinak bys to musel nejlepe delat pres ID a to je nej zmenit cely styl
CSS
.neco {...}
.n1 {...}
.n2 {...}
JS
function objGet(x)
{ if (typeof x!='string') return x;
else if (Boolean(document.getElementById)) return document.getElementById(x);
else if (Boolean(document.all)) return eval('document.all.'+x);
else if (Boolean(document.layers)) return document.layers[x];
else return null;
}

function zmenstyl(zz,xx) {objGet(zz).className=xx+" n2"}

HTML
<input id="ttt" class="neco" onmouseover="zmenstyle('ttt','neco')" />
habendorf
Profil
To je nějak zbytečně moc složitý.

ronnie: Ten obrázek se má nahrát kam? Nebo se má nějaký existující obrázek nahradit jiným? Pak bys mu jen změnil src, najdeš si ho přes ID.
Leo
Profil
Bezte s tim behavior a htc uz nekam, uplne staci JavaScript, je to standardni a prehlednejsi, Leo
ronnie
Profil
Takže mám formulář, který končí tímto zápisem:

<input id="submit" type="submit" name="submit" value="Odeslat" tabindex="6" />

a v css je
#submit{
background: white url(prvky/obrazy/tlacitko.png) no-repeat;
height: 38px;
width: 141px;
border: none;
}

potřebuji jednoduše po přejetí myší změnit obrázek "tlacitko.png" na "tlacitko-pres.png", nic víc...
Anonymní
Profil *
function hover(){
document.getElementById("submit").onmouseover=function{this.className= "over"}
document.getElementById("submit").onmouseout=function{this.className=" "}
}
window.onload=hover
Kajman
Profil *
Zkus něco takového:

<input ... onMouseOver="this.style.background-image='url(prvky/obrazy/tlacitko-pr es.png)'" onMouseOut="this.style.background-image='url(prvky/obrazy/tlacitko.png)'">
Peta
Profil *
Leo: A co je podle tebe csshover.htc? To je cisty javascript, jenom je nalinkovany do CSS. A jelikoz potrebuje jenom hover a hoverem to udelat umi, tak je to nejjednodussi reseni nez se placat s JS.

Kajman: button pouzivat obrazkove pozadi. Proc menit input?

ronnie: Priklad takoveho reseni najdes treba na www.volny.cz/dvereapodlahy/
Taky bys to nasel na me strance, ale to byl musel hledat.
Fred
Profil
Peta Leo na thole nemusí odpovídat, protože jeho odpověď najdeš v té větě co již napsal
je to standardni a prehlednejsi
ronnie
Profil
www.volny.cz/dvereapodlahy/ - kde konkrétně?
Fred
Profil
Myslí tohle v css body {behavior:url(" http://www.volny.cz/dvereapodlahy/csshover.htc "); . Tím pádem v IE funguje vlastnost hover, jen je to v tomhle případě trochu zbytečné, a navíc to vyžaduje zaplé active-x.
ronnie
Profil
Díky všem, už to funguje všude, použil jsem csshover.htc, ke stažení je na
http://www.xs4all.nl/~peterned/csshover.html
Leo
Profil
Ja vim, ze htc je JavaScript, a prave proto pouzivam JavaScript, ne jakesi htc, Leo
Toto téma je uzamčeno. Odpověď nelze zaslat.