Duyuruyu Kapat
Facebook Gözat
Twitter Gözat

Menü yapımı

Konu, 'Javascript' kısmında Bigsnow tarafından paylaşıldı.

  1. Bigsnow

    Bigsnow Daimi Üye

    Kayıt:
    20 Mart 2007
    Mesajlar:
    1,083
    Beğenilen Mesajlar:
    1
    Meslek:
    Öğrenci
    Şehir:
    Antalya
    Merhaba arkadaşlar kendime göre bi menü yaptım ama ilk başta çok kasıyor. Acaba bunu js'de daha farklı yapmanın yolları var mıdır ?

    Kod:
        function cihan(v)
        {
            if ( v == 1 )
            {
                document.getElementById('genelbilgiler').style.display='block';
            }
            else
            {
                document.getElementById('genelbilgiler').style.display='none';
            }
            if ( v == 2 )
            {
                document.getElementById('kategori').style.display='block';
            }
            else
            {
                document.getElementById('kategori').style.display='none';
            }
            if ( v == 3 )
            {
                document.getElementById('sabitler').style.display='block';
            }
            else
            {
                document.getElementById('sabitler').style.display='none';
            }
            if ( v == 4 )
            {
                document.getElementById('icerik').style.display='block';
            }
            else
            {
                document.getElementById('icerik').style.display='none';
            }
            if ( v == 5 )
            {
                document.getElementById('fotogaleri').style.display='block';
            }
            else
            {
                document.getElementById('fotogaleri').style.display='none';
            }
            if ( v == 6 )
            {
                document.getElementById('mail').style.display='block';
            }
            else
            {
                document.getElementById('mail').style.display='none';
            }
        }
    Kod:
      <ul>
        <li><a href="index.php">Yönetim Anasayfa</a></li>
        <li><a href="javascript:void(0);" onclick="cihan(1);">Genel bilgiler</a></li>
        <li><a href="javascript:void(0);" onclick="cihan(2);">Kategori Yönetimi</a></li>
        <li><a href="javascript:void(0);" onclick="cihan(3);">Sabit sayfalar</a></li>
        <li><a href="javascript:void(0);" onclick="cihan(4);">İçerik Yönetimi</a></li>
        <li><a href="javascript:void(0);" onclick="cihan(5);">Foto galeri</a></li>
        <li><a href="javascript:void(0);" onclick="cihan(6);">Mail listesi</a></li>
        <li><a href="javascript:void(0);">Çıkış</a></li>
      </ul>
    
    <span style="display:none;" id="genelbilgiler"><a href="">Logo</a> - <a href="">Kullanıcı Listele</a> - <a href="">Kullanıcı ekle</a></span>
            <span style="display:none;" id="kategori">Kategori Listele - Kategori Ekle</span>
    
     
  2. Ahmet79

    Ahmet79 Daimi Üye

    Kayıt:
    16 Mayıs 2007
    Mesajlar:
    617
    Beğenilen Mesajlar:
    0
    Meslek:
    Akademisyen
    Şehir:
    Batman
    Kod:
     <ul>
        <li><a href="index.php">Yönetim Anasayfa</a></li>
        <li><a href="javascript:void(0);" onclick="ahmet('genel');">Genel bilgiler</a></li>
        <li><a href="javascript:void(0);" onclick="ahmet('kategori');">Kategori Yönetimi</a></li>
        <li><a href="javascript:void(0);" onclick="ahmet('sabit');">Sabit sayfalar</a></li>
        <li><a href="javascript:void(0);" onclick="ahmet('icerik');">İçerik Yönetimi</a></li>
        <li><a href="javascript:void(0);">Çıkış</a></li>
      </ul>
     
    <span style="display:none;" id="genel"><a href="">Logo</a> - <a href="">Kullanıcı Listele</a> - <a href="">Kullanıcı ekle</a></span>
            <span style="display:none;" id="kategori">Kategori Listele - Kategori Ekle</span>
    
    Kod:
    function ahmet(i)
        {
    menu_eleman=new Array('genel','kategori','sabit','icerik')
    for(k=0;k<4;k++)
    {
    document.getElementById(menu_eleman[k]).style.display='none';
    }
    document.getElementById(i).style.display='block';
     
    }