Pomoc s JavaScript-om

ultarko

Ahojte, potreboval by som pomoc..

Chcel by som do stranky vlozit button, po kliknuti nan by sa nacitala nova stranka s konkretnou adresou. Na tento button chcem prilepit maly obrazok alebo ho vlozit priamo do tlacidla.. Vie mi niekto poradit ako nalozit s tymto obrazkom? Ako by to mohlo vyzerat v kode??? pls

document.writeln('<td width="12%" cellspacing="1">');
document.writeln('<a href="Scope-X_AlarmView.htm" target="_blank"><img src="images/XtraviewLogo.gif" border="0" width="30" height="30"></a>');
document.writeln('</td>');
document.writeln(' ');

teraz tam je obrazok na ktrorom je link, ako ho dam do tlacidla???

no do buttonu neviem či to dáš, ale cez css si môžeš spraviť pekné tlačidlo pomocou hoveru a tam dáš aj obrázok do pozadia

ultarko

v CSS to velmi neviem..

podarilo sa mi nieco taketo
document.writeln('<button >');
document.writeln('<a href="Scope-X_AlarmView.htm" target="_blank"><img src="images/XtraviewLogo.gif" border="0" width="20" height="20"></a>');

document.writeln('</button>');
document.writeln(' ');

..teraz je obrazok zobrazeny priamo na buttone a button sa da stlacit, mozno by stacilo stranku vyvolat prikazom onclick, takze by nebola na obrazku linka ale stranka by sa spustala tlacidlom.. vedel by si poradit ako tam onclick vlozim?

ultarko

hm a netusim ani co je hover

myslel som to takto:
index.html

Kód: Vybrať všetko

<html>
<head>

<meta http-equiv="Content-Language" content="sk">
<META HTTP-EQUIV="Content-Type" CONTENT="text/html;charset=windows-1250">
<link rel="stylesheet" type="text/css" href="main.css">
<table>
<script language="JavaScript">
document.writeln('<td class="tlacidlo" width="12%" cellspacing="1">');
document.writeln('<a href="Scope-X_AlarmView.htm" target="_blank"><center>&nbsp;</center></a>');
document.writeln('</td>');
document.writeln(' ');

</script>
</table>
</head>

<body>

</body>
</html>

main.css

Kód: Vybrať všetko

<!--
td.tlacidlo
{background-color:SlateGray;
background-image: url("pozadie.gif");
background-repeat: no-repeat;
background-position: center center;
border-style:outset;
text-decoration: none;
}
td:hover.tlacidlo   
{background-color:LightSlateGray;
background-image: url("pozadie.gif");
background-repeat: no-repeat;
background-position: center center;
border-style:inset;
text-decoration: none;
}
-->

+ nejaký obrázok.. výsledok si môžeš pozreť v prílohe: