Show / Hide - Göster / Gizle - Aç / Kapat Mesaj Kodu

Sitelerde veya bloglarda içeriği daha iyi aktarmak ve gerekli olduğunda açılabilecek bir bölüm oluşturmak sayfa içi düzeninde oldukça faydalı oluyor. Özellikle uygulama paylaşan bloglar için oldukça faydalı bir kod düzenledim.
Show / Hide - Göster / Gizle - Aç / Kapat - On / Off mesaj oluşturan kodlar :



<script type="text/javascript">
var weblordu =
"Birinci satır <br />"+
"İkinci satır.<br /><br />";
function MesajGoster() {
 document.getElementById('iccerceve').innerHTML = weblordu;
}
function MesajGizle() {
 document.getElementById('iccerceve').innerHTML = '';
}
</script>
<body>
<input type="button" value="Mesajı Göster" onClick="MesajGoster()" />
<input type="button" value="Gizle" onClick="MesajGizle()" />
<br/><br/>
<div id="discerceve">
 <div id="iccerceve"> </div>
</div>
</body>


 Birinci satır / ikinci satır : Yazan yerlere istediğiniz mesajı yazabilirsiniz. Eğer tek satır mesaj yazmak isterseniz birinci satırın olduğu ( "Birinci satır <br />"+ ) bölümü silmeniz ve sadece ikinci satır yazan yeri değiştirmeniz yeterlidir.

Mesajı Göster / Gizle : Bölümüne buton üzerinde ne yazmasını istiyorsanız onunla değiştirebilirsiniz.

Sayfamıza HTML olarak eklediğimizde açılır kapanır butonlu mesaj alanımız kullanıma hazır.

CANLI DEMO SAYFASI

0 yorum: