Tasarımda yararlı olacak bazı HTML Kodları [javascript kullanarak]

[Silverday]

merhabalar =)

mouse ile üzerine gelince değişen resim yapmak:
resim linki yazan yere, ilk resmi yazın
resim linki2 yazan yere mousla üstüne gelince çıkması gereken resmi yapın.

<img src="resim linki" onmouseover="this.src='resim linki2'" onmouseout="this.src='resim linki'">

___________________________________________________________

satırlarda mouse ile üzerine gelince değişen arka plan rengi
örnek olarak tablomuzu yazıyorum:
#FFFFFF ilk rengimiz, #EAEAEA ikinci rengimiz olacak..

<table width="100%">
  <tr onmouseover="this.style.background='#FFFFFF'" onmouseout="this.style.background='#EAEAEA'">
<td width="60%">İsim Soyisim</td>
<td width="*">Doğum Tarihi</td>
  </tr>
  <tr onmouseover="this.style.background='#FFFFFF'" onmouseout="this.style.background='#EAEAEA'">
<td width="60%">Hackhell</td>
<td width="*">2005</td>
  </tr>
</table>

___________________________________________________________


butonlara tıklayınca, disable (tıklanılamaz) olması ve value değişikliği.
örnek butonumuza tıklayınca formu submitlesin..

<input type="button" value="Kaydet" onclick="this.value='Bekleyiniz..'; this.disabled='1'; this.form.submit(); ">

___________________________________________________________

Geri Dön butonu veya linki yapmak:
buton:

<input type="button" value="< Geri Dön" onclick="history.go(-1)">

link:

<a href="#" onclick="history.go(-1)"> veya 
<a href="javascript: history.go(-1)">

___________________________________________________________

Onaylama Yapmak:

Bir linke veya butona tıklayınca confirm yapmak.
bunun için text/javascript kullanacağız.

<script type="text/javascript">

// Silverday

function onayla(yazi, url) {

var msg = yazi;
var adr = url;

if(confirm(msg)) {
location = url;
}

}
</script>

link için:

<a href="#" onclick="onayla('Bu adrese gitmek istiyor musunuz', 'http://www.hackhell.com'); ">Giriş Buradan ></a>

aynısını buton için yapalım.

<script type="text/javascript">

// Silverday

function onayla_button(yazi, formname) {

var msg = yazi;
var fname = formname;

if(confirm(msg)) {
document.fname.submit();
}

}
</script>

forma verdiğim adı jsp fonksiyonunu kullanırken 2. parametreye yazıorum

<form name="denemeform" action="deneme.html">
<input type="button" onclick="onayla_button('İşlemi Yapmak İstiyor musunuz', 'denemeform'); " value="Kaydet >">
</form>