Konular
Videolar
Sunular
Testler

Tab Menu Uygulamaları

Basit javascript kodlarıyla yapılabilen bir tab menü uygulaması
www.dijitalders.com
<html>
<head>
<title>java</title>

 <style type="text/css">

 * {cursor:default }
li { display:inline; width:100px; height:50px; background-color:#FF3366; padding:3px; color:#ffffff; font-weight:bold; }
li:hover { display:inline; width:100px; height:50px; background-color:#FF33CC; padding:3px; color:#ffffff; font-weight:bold; }
div.Icerik { width:500px; height:300px; display:none; }

 </style>

</head>
<body>

<script type="text/javascript">
<!--

function Goster(Kim){

        TumunuYokEt();
        document.getElementById(Kim).style.display ="block";
       
}

function TumunuYokEt(){

        Divler=document.getElementsByTagName("div");

        for(i=0; i<Divler.length; i++){
       
                if(Divler[i].className=="Icerik")
                        Divler[i].style.display ="none";
        }
}
//-->
</script>

<lu>
        <li onclick="Goster('Icerik1')">Kişisel Bilgiler</li>

        <li onclick="Goster('Icerik2')">İletişim Bilgileri</li>
        <li onclick="Goster('Icerik3')">Fotograf İşlemleri</li>
</lu>

<div style="background-color:#CCFF33; display:block;" class="Icerik" id="Icerik1">
<form>

        <table>
                <tr><td>Adınız</td><td><input type="text" name="ad" /></td></tr>
                <tr><td>Adresiniz</td><td><textarea name="adres" style="width:200px; height:100px;"></textarea></td></tr>

               
        </table>
</form>

</div>


<div style="background-color:#FFCC33" class="Icerik" id="Icerik2">
<form>

        <table>
                <tr><td>Telefon</td><td><input type="text" name="telefon" /></td></tr>
                <tr><td>Email</td><td><input type="text" name="email" /></td></tr>

               
        </table>
</form>
</div>


<div style="background-color:#33CCFF" class="Icerik" id="Icerik3">
<form>

        <table>
                <tr><td>Resminiz</td><td><input type="file" name="resim" /></td></tr>
               
        </table>
</form>

</div>

</body>
</html>
 

17,311 Okunma 0 Yorum 19/07/2007 20:10:26

Yorumunuzu Ekleyin
Javascriptle Form Kontrolü

Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi

28,399 Okunma 1 Yorum 13/02/2009 12:31:53

Sayı Tahmin Oyunu

Date() ve Random() kullanılarak yapılmış bir sayı tahmin oyunu

22,543 Okunma 0 Yorum 21/11/2008 09:55:53

Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizgileri, dışkenar ve içkenar boşlukları hakkındaki sayfalarımızda birçok özellik yer alıyordu. Bu parametreleri ve stil özelliklerini id ile isimlendirilmiş tüm tablolar üzerinde JavaScript kodlarıyla uygulayabiliyoruz

19,203 Okunma 0 Yorum 21/10/2007 03:44:23

DropDown Menü Uygulaması

Çok küçük kodlarla oluşturulmuş harika bir DHTML menü örneği

18,792 Okunma 0 Yorum 18/09/2007 00:56:35

IF Kulanımı

if birçok uygulamanın merkezinde kullanılan bir komuttur.

13,128 Okunma 0 Yorum 08/01/2014 21:16:41 10/01/2014 16:26:56

Yükleniyor...