MyDesign | Kod Arşivi - Anasayfaya Dön   No banner in farm
Anasayfa Araştır Forum Gelişmiş Arama Siteniz İçin En Hit İçerikler RSS İçerik Ekle Scriptler Destekleyenler Kadromuz Reklam İletişim Giriş Sayfası Yap  Sık Kullanılanlara Ekle
Bu Kategorinin En Yeni Kodları:


Bu Kategorinin En Çok Görüntülenen Kodları:






Arama:
Gelişmiş Arama


No banner in farm



En Çok Görüntülenen Kodlar:


Üye Girişi:
 Üye Ol



Anasayfa > JavaScript > Kodlar

Link ile Belirli Bir Bölgeyi Gizlemek / Göstermek

Linke tıklayarak <div> elementi içindeki öğreleri gizlemek ve göstermek

Div  Show  Hide  Gizle  Göster  Visible  Visibility  Layer  Hidden 

Kategori : JavaScript
Gönderen : mYavuz
Telif :
Tarih : 23 Mart 2007
Örnek Dosya : Bulunmamakta
Okunma Sayısı : 13423
Puan
: 8,7 / 10 (6 Oy)
Puan Verin :
Google Bookmarks  del.icio.us  Digg  Yahoo! MyWeb  Windows Live  Furl
 
 
<html>
<head>
<script>
function layerSetup(id,visibility) {

     if(document.getElementById)
     {
          this.obj = document.getElementById(id).style;
          this.obj.visibility = visibility;
          return this.obj;
     }
     else if(document.all)
     {
          this.obj = document.all[id].style;
          this.obj.visibility = visibility;
          return this.obj;
     }
     else if(document.layers)
     {
          this.obj = document.layers[id];
          this.obj.visibility = visibility;
          return this.obj;
     }
}

function visVisible(param) {
     new layerSetup(param,'visible');
}

function visHidden(param){
     new layerSetup(param,'hidden');
}
</script>
</head>
<body>
<a href="#" onclick="visVisible('id1')">1 Numaralı Kutuyu Göster</a> 
<a href="#" onclick="visVisible('id2')">2 Numaralı Kutuyu Göster</a>
<a href="#" onclick="visVisible('id3')">3 Numaralı Kutuyu Göster</a><br>
<br>
<a href="#" onclick="visHidden('id1')">1 Numaralı Kutuyu Gizle</a> 
<a href="#" onclick="visHidden('id2')">2 Numaralı Kutuyu Gizle</a>
<a href="#" onclick="visHidden('id3')">3 Numaralı Kutuyu Gizle</a> 
<br>
<br>
<div id="id1">1 Numaralı Kutu</div><br>
<div id="id2">2 Numaralı Kutu</div><br>
<div id="id3">3 Numaralı Kutu</div>
</body>
</html>
 
 

Link ile Belirli Bir Bölgeyi Gizlemek / Göstermek için yazılan yorumlar

Chaos Time  { 03 Ekim 2010 }
kardeşim sölememiş adam al yapıştır yapmış sanırım ilk gizli gelmesini istiyorsan div style özelliğini kullanman gerek yani şöyle olacak <div id="id1" style="visibility:hidden">1 Numaralı Kutu</div>

Samet DİNÇER  { 10 Kas�m 2009 }
Teşekkürler. Gerçekten Yaralı Kodlar.

halil telli   { 10 Temmuz 2008 }
Merhabalar; çok yararlı bir kod bunun iiçin çok teşekkür ederim yanlız şöyle bir sorum olacak bu sistemi defaultta yani sayfa ilk açıldığında kapalı olarak gelmesini nasıl sağlayabiliriz. yani linke tıklayarak daha sonradan açılacak
çok teşekkür ederim

decoder   { 06 Nisan 2007 }
çok verimli bir kod teşekkürler..

Yorum ekleyin

Anasayfa > JavaScript > Kodlar > Link ile Belirli Bir Bölgeyi Gizlemek / Göstermek
Kategoriler:


Forum:



Bağlantılar:


En Son Yorumlanan İçerikler:


Murat Yavuz | Site Haritası | Gizlilik Bildirimi | 54.92.190.11 | 0,14 Saniye
© Copyright 2004-2018 MyDesign | Kod Arşivi. Tüm Hakları Saklıdır.
MyDesign | Kod Arşivi, en iyi görünüm için, 1024x768 ve üzeri çözünürlük tavsiye eder.