Bu yazımızda Javascript htmlDOM yapısını kullanarak, selectbox seçimimizi aktif ve pasif hale getireceğiz.
Bu yapıyı, seçime göre aktif edeceğiniz veya pasif edeceğiniz web tasarım uygulamalarınızda kullanabilirsiniz. Örnek: sözleşmeyi onaylamadan gönder butonunun çalışmaması gibi...
Uygulama:
Aşağıdaki gibi bir seçim listemiz olsun: Butonları kullanarak selectbox nesnemizi aktif veya pasif yapabilirz.
HTML form yapısı:
<form>
<select id="secYap">
<option value="http://www.pinusart.com">Pinusart</option>
<option value="http://www.fotografligi.com">Fotoğraf Ligi</option>
<option value="http://www.sanatorg.com">Sanatorg</option>
</select>
<input type="button" onclick="disable()" value="Listeyi Ulaşılamaz Yap">
<input type="button" onclick="enable()" value="Listeyi Ulaşılabilir Yap">
</form>
Javascript kodumuz:
<script type="text/javascript">
function disable()
{
document.getElementById("secYap").disabled=true;
}
function enable()
{
document.getElementById("secYap").disabled=false;
}
</script>
Bu yazımızda, web tasarım uygulamalarımızdaki bazı seçim nesnelerini, javascript kullanarak nasıl pasif veya aktif hale getirebileceğimize kısaca değindik.
Kolay gelsin, görüşmek üzere...
