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>
 

21,976 Okunma Henüz yorum yapılmamış 19/07/2007 20:10:26

Yorumunuzu Ekleyin

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

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

23,265 Okunma Yorumsuz

Fonksiyonlar
Fonksiyonlar
Detaylar

19,764 Okunma Yorumsuz

Olaylar (Events)
Olaylar (Events)
Detaylar

23,089 Okunma Yorumsuz

Fare Uygulamaları
Fare Uygulamaları
Detaylar

22,356 Okunma Yorumsuz

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
Tablo İşlemleri Örneği

HTML derslerinde tablolarla ilgili sayfalarımızda bir çok parametre öğrenmiştik. Ayrıca CSS derslerinde sınır çizg...
Detaylar

25,980 Okunma Yorumsuz

Pencere Uygulamaları
Pencere Uygulamaları
Detaylar

20,203 Okunma Yorumsuz

Dinamik İçerik Eklemek
Dinamik İçerik Eklemek
Detaylar

27,743 Okunma Yorumsuz

Sayfadaki Nesnelere Erişim
Sayfadaki Nesnelere Erişim
Detaylar

20,808 Okunma Yorumsuz 13/01/2014 20:54:29

Sayfadaki Formlara Erişim
Sayfadaki Formlara Erişim
Detaylar

21,011 Okunma Yorumsuz

Arka Plan Uygulamaları
Arka Plan Uygulamaları
Detaylar

27,129 Okunma Yorumsuz

Filitre Uygulamaları
Filitre Uygulamaları
Detaylar

20,408 Okunma Yorumsuz

Resim Değiştirme Uygulamaları
Resim Değiştirme Uygulamaları
Detaylar

24,672 Okunma Yorumsuz 19/04/2022 11:45:12

Resim Hareketlendirme
Resim Hareketlendirme
Detaylar

25,868 Okunma 1 Yorum

OnSubmit() Uygulamaları
OnSubmit() Uygulamaları
Detaylar

20,757 Okunma Yorumsuz

Sayıları Roma Rakamına, Roma Rakamlarını sayılara çeviren uygulama
Sayıları Roma Rakamına, Roma Rakamlarını sayılara çeviren uygulama
Detaylar

22,606 Okunma Yorumsuz

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

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

28,071 Okunma Yorumsuz 19/04/2022 16:35:57

X Ekseni girilen bir nesnenin ekranda kayması Bir textbox yardımı ile ekrandaki bir çiçeğin girilen koordinatlara göre hareketini sağlayan uygulama
X Ekseni girilen bir nesnenin ekranda kayması

Bir textbox yardımı ile ekrandaki bir çiçeğin girilen koordinatlara göre hareketini sağlayan uygulama
Detaylar

20,004 Okunma 1 Yorum 26/04/2022 11:42:20

Javascriptle Form Kontrolü Basit bir forma ait nesnelerin javascript yardımı ile kontrol edilmesi
Javascriptle Form Kontrolü

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

34,264 Okunma 1 Yorum

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

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

17,315 Okunma Yorumsuz 10/01/2014 16:26:56

Javascript Basit Hesap Makinesi Basit javascript kodları kullanılarak yapılmış Hesap Makinesi uygulaması
Javascript Basit Hesap Makinesi

Basit javascript kodları kullanılarak yapılmış Hesap Makinesi uygulaması
Detaylar

1,899 Okunma Yorumsuz 05/04/2022 15:24:04

Geometri, Fizik, Matematik Formüllerini Javascript Fonksiyonuna Çevirme
Geometri, Fizik, Matematik Formüllerini Javascript Fonksiyonuna Çevirme
Detaylar

1,028 Okunma Yorumsuz 26/04/2022 15:41:56

HTML Kodu Üreten Javascript Bir kodu aynı sayfa içinde 500 kez tekrarlamak için javascript yeteneklerinden faydalanabiriliz.
HTML Kodu Üreten Javascript

Bir kodu aynı sayfa içinde 500 kez tekrarlamak için javascript yeteneklerinden faydalanabiriliz.
Detaylar

1,015 Okunma Yorumsuz 10/05/2022 11:49:52

Basit Sürükle Bırak Uygulaması
Basit Sürükle Bırak Uygulaması
Detaylar

1,003 Okunma Yorumsuz 10/05/2022 16:41:08

Sayaç(Counter) Uygulaması
Sayaç(Counter) Uygulaması
Detaylar

948 Okunma Yorumsuz 10/05/2022 14:00:56

Javascript İle Yapılmış Puantaj (Scoreboard) Uygulaması
Javascript İle Yapılmış Puantaj (Scoreboard) Uygulaması
Detaylar

1,114 Okunma Yorumsuz 10/05/2022 11:54:03

Yükleniyor...