Javascript Checkbox

karabela24 · 07.02.2008

Javascriptte checkbox seçiliyse style="display:none" seçili değilse style="display:block" nasıl yaparım acaba?

mceL · 07.02.2008

Merhaba,

İşlevimiz:

Kod:

<script type="text/JavaScript">
function divAcKapat(deger)
{
  document.getElementById('deneme').style.display = (deger ? "block" : "none");
}
</script>

Input yordamı

Kod:

<input type="checkbox" onClick="divAcKapat(this.checked)" checked>

------------------

Hızlıca Deneyin:

HTML Code:

<HTML>
<head>
<script type="text/JavaScript">
function divAcKapat(deger)
{
  document.getElementById('deneme').style.display = (deger ? "block" : "none");
}
</script>
</head>

<body>
<div id="deneme">jkasdklasjdajsl<br>klasjkdalkasdjlasd<br>lşksakdlşkasdadskla<br>klşaskşldasşlasdkşl<br>askdajsklasjkdl</div>

<input type="checkbox" onClick="divAcKapat(this.checked)" checked> Kapat/Aç

</body>
</HTML>

İyi çalışmalar.

karabela24 · 08.02.2008

mcel yardımların için teşekkürler.yalnız ufak bir sorum daha olacak. Düzenle bölümü hazırlıyorum burada input checked değilse display:none olsun istiyorum.Bu gösterliğin işlevin çalışması için inputa tıklanması gerekiyor.Tıklanmadan nasıl aktif pasif yapabilirim acaba?

mceL · 09.02.2008

Alıntı:

karabela24 tarafından gönderilen mesaj:

mcel yardımların için teşekkürler.yalnız ufak bir sorum daha olacak. Düzenle bölümü hazırlıyorum burada input checked değilse display:none olsun istiyorum.Bu gösterliğin işlevin çalışması için inputa tıklanması gerekiyor.Tıklanmadan nasıl aktif pasif yapabilirim acaba?

Tıklanmadan aktif/pasiflik olayını anlayamadım pek. Fonksiyonun çalışması için mutlaka tetiklenmesi gerekiyor.
Aşağıdaki kodlar yukarıdakilerin tam tersi olarak çalışıyor.

HTML Code:

<HTML>
<head>
<script type="text/JavaScript">
function divAcKapat(deger)
{
  document.getElementById('deneme').style.display = (deger ? "none" : "block");
}
</script>
</head>

<body>
<div id="deneme" style="display: none">jkasdklasjdajsl<br>klasjkdalkasdjlasd<br>lşksakdlşkasdadskla<br>klşaskşldasşlasdkşl<br>askdajsklasjkdl</div>

<input type="checkbox" onClick="divAcKapat(this.checked)" checked> Kapat/Aç

</body>
</HTML>

karabela24 · 09.02.2008

Tetkiklenmeden yani databaseden aldığı bir veriye göre aktif veya pasif yapma şansımız yok mu javascriptte? Yani örneğin;databasede gorev alanı 1 ise pasif gelsin ekrana 2 ise aktif gelsin gibi

mceL · 09.02.2008

Alıntı:

karabela24 tarafından gönderilen mesaj:

Tetkiklenmeden yani databaseden aldığı bir veriye göre aktif veya pasif yapma şansımız yok mu javascriptte? Yani örneğin;databasede gorev alanı 1 ise pasif gelsin ekrana 2 ise aktif gelsin gibi

Eğer gözükmeyecekse

HTML Code:

<div id="deneme" style="display: none">
<input type="checkbox" onClick="divAcKapat(this.checked)"> Kapat/Aç

Eğer gözükecekse:

HTML Code:

<div id="deneme">
<input type="checkbox" onClick="divAcKapat(this.checked)" checked> Kapat/Aç

Bunu kullandığınız sunucu taraflı programlama diline göre ekrana yansıtmalısınız.

karabela24 · 09.02.2008

mcel teşekkürler

07.02.2008	#1 (permalink)
karabela24 Üyelik Tarihi: 16.05.2007 Yer: İstanbul Yaş: 21 Mesaj: 116	Javascript Checkbox Javascriptte checkbox seçiliyse style="display:none" seçili değilse style="display:block" nasıl yaparım acaba?

08.02.2008	#3 (permalink)
karabela24 Üyelik Tarihi: 16.05.2007 Yer: İstanbul Yaş: 21 Mesaj: 116	Re: Javascript Checkbox mcel yardımların için teşekkürler.yalnız ufak bir sorum daha olacak. Düzenle bölümü hazırlıyorum burada input checked değilse display:none olsun istiyorum.Bu gösterliğin işlevin çalışması için inputa tıklanması gerekiyor.Tıklanmadan nasıl aktif pasif yapabilirim acaba?

09.02.2008	#5 (permalink)
karabela24 Üyelik Tarihi: 16.05.2007 Yer: İstanbul Yaş: 21 Mesaj: 116	Re: Javascript Checkbox Tetkiklenmeden yani databaseden aldığı bir veriye göre aktif veya pasif yapma şansımız yok mu javascriptte? Yani örneğin;databasede gorev alanı 1 ise pasif gelsin ekrana 2 ise aktif gelsin gibi

09.02.2008	#7 (permalink)
karabela24 Üyelik Tarihi: 16.05.2007 Yer: İstanbul Yaş: 21 Mesaj: 116	Re: Javascript Checkbox mcel teşekkürler