Autor Zpráva
ronnie
Profil
#1 · Zasláno: 10. 5. 2005, 08:34:51
Odpovědět Citovat
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 *
#2 · Zasláno: 10. 5. 2005, 12:39:38
Odpovědět Citovat
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
#3 · Zasláno: 10. 5. 2005, 12:48:03 · Upravil/a: habendorf
Odpovědět Citovat
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
#4 · Zasláno: 10. 5. 2005, 13:07:12
Odpovědět Citovat
Bezte s tim behavior a htc uz nekam, uplne staci JavaScript, je to standardni a prehlednejsi, Leo
ronnie
Profil
#5 · Zasláno: 10. 5. 2005, 13:08:20 · Upravil/a: ronnie
Odpovědět Citovat
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 *
#6 · Zasláno: 10. 5. 2005, 13:21:51
Odpovědět Citovat
function hover(){
document.getElementById("submit").onmouseover=function{this.className= "over"}
document.getElementById("submit").onmouseout=function{this.className=" "}
}
window.onload=hover
Kajman
Profil *
#7 · Zasláno: 10. 5. 2005, 13:22:01
Odpovědět Citovat
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 *
#8 · Zasláno: 10. 5. 2005, 16:20:06
Odpovědět Citovat
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
#9 · Zasláno: 10. 5. 2005, 16:25:15
Odpovědět Citovat
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
#10 · Zasláno: 10. 5. 2005, 16:27:40
Odpovědět Citovat
www.volny.cz/dvereapodlahy/ - kde konkrétně?
Fred
Profil
#11 · Zasláno: 10. 5. 2005, 16:42:48
Odpovědět Citovat
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
#12 · Zasláno: 10. 5. 2005, 16:45:01
Odpovědět Citovat
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
#13 · Zasláno: 10. 5. 2005, 17:27:01
Odpovědět Citovat
Ja vim, ze htc je JavaScript, a prave proto pouzivam JavaScript, ne jakesi htc, Leo
Časová prodleva: 19 let
Toto téma je uzamčeno. Odpověď nelze zaslat.

0