Autor | Zpráva | ||
---|---|---|---|
Vyrus Profil * |
#1 · Zasláno: 14. 7. 2008, 18:36:13
Zdarec lidi,
mám fakt stupidní problém, ale nemám vitamíny na to ho vyřešit (s JS začínám) normal formulářový tlačítko u kterýho jde dát v css obrázek na pozadí: <button type="submit" name="odeslat" class="odeslat1" onmouseover="overodeslat()"> a pak externí soubor .js kde mám vypsané funkce: function overodeslat() { document["guestbook"].src="guestbook/guestbook2.PNG" - tohle normal fachčí document["odeslat"].className="odeslat2" - tohle už ne } zkoušel jsem už hafec možností, ale prostě mi nejde změnit třída, přičemž když použiji onmouseover="this.className='odeslat2'", tak to jde, ale to tam zase nenacpu víc příkazů, prostě fakt netušim a žádám o radu. Předem díky :) |
||
Nox Profil |
#2 · Zasláno: 14. 7. 2008, 18:51:48 · Upravil/a: Nox
Asi by to chtělo celý kód...pokud nejsi razantně proti
|
||
Vyrus Profil * |
#3 · Zasláno: 14. 7. 2008, 19:09:21
jo klidně, ale neni to nejkratší, katže:
HTML: <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <html> <head> <script src="javascript.js"></script> <link rel="stylesheet" type="text/css" href="style.css"> <meta http-equiv="content-type" content="text/html; charset=windows-1250"> <meta name="generator" content="PSPad editor, www.pspad.com"> <title>Cyklo All starS III 1.1</title> </head> <body> <div class="guestbook"> <img src="guestbook/guestbook1.PNG" border="0" height="115" width="185" name="guestbook"> <form method="post" action="guestbook.php"> <input type="text" class="nick" name="nick"> <input type="text" class="text" name="text"> <button type="submit" name="odeslat" class="odeslat1" onmouseover="overodeslat()" onmouseout="outodeslat()"> </form> <div> </body> </html> CSS: body { cursor: url(http://www.cyklo-allstars.wz.cz/zkusebna4/kurzor.ani); background-color:#000000; } .guestbook { position:absolute; left:807px; top:115px; } .nick { position:absolute; left:62px; top:0px; width:123px; height:14; border-width:0px; background-image:url("nickpoz.PNG"); font-family:arial; font-size:11px; color:00bad0; } .text { position:absolute; left:62px; top:20px; width:123px; height:14; border-width:0px; background-image:url("textpoz.PNG"); font-family:arial; font-size:11px; color:00bad0; } .odeslat1 { position:absolute; left:67px; top:69px; background-image:url(guestbook/odeslat1.PNG); width:96px; height:11px; border:0px; cursor: url(http://www.cyklo-allstars.wz.cz/zkusebna4/kurzor.ani); } .odeslat2 { position:absolute; left:67px; top:69px; background-image:url(guestbook/odeslat2.PNG); width:96px; height:11px; border:0px; cursor: url(http://www.cyklo-allstars.wz.cz/zkusebna4/kurzor.ani); } JAVASCRIPT: function overodeslat() { document["guestbook"].src="guestbook/guestbook2.PNG"; document["odeslat"].className="odeslat2"; } function outodeslat() { document["guestbook"].src="guestbook/guestbook1.PNG"; document["odeslat"].className="odeslat1"; } doufám že je to opravdu všecko |
||
Nox Profil |
#4 · Zasláno: 14. 7. 2008, 19:42:11
onmouseover="overodeslat(this)"
(button){ ... button.className="odeslat2"; } ? |
||
Vyrus Profil * |
#5 · Zasláno: 14. 7. 2008, 20:15:47
joo, i když přesně nechápu proč, ale fachčí to :))
díky moc :) |
||
Nox Profil |
#6 · Zasláno: 14. 7. 2008, 20:35:55
nemáš zač
řekl bych že to je tím, že to nedokázalo vybrat přímo document["odeslat"], něco jako document.forms[0]["odeslat"] by myslim fungovalo taky, víc viz http://www.jakpsatweb.cz/javascript/document-adresovani.html |
||
Časová prodleva: 16 let
|
0