Autor Zpráva
Vyrus
Profil *
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
Asi by to chtělo celý kód...pokud nejsi razantně proti
Vyrus
Profil *
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
onmouseover="overodeslat(this)"

(button){
...

button.className="odeslat2";
}

?
Vyrus
Profil *
joo, i když přesně nechápu proč, ale fachčí to :))

díky moc :)
Nox
Profil
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

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:

Prosím používejte diakritiku a interpunkci.

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

0