Bir Javascript Problemi

  1. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ExcellencE
    ExcellencE's avatar
    Kayıt Tarihi: 27/Nisan/2007
    Erkek

    Amacım;elimde bulunan 6 başlığa  kısa metinler atayarak üzerine tıklandığında açılan ve bi daha tıklandığında kapanan menülerde bu metinleri gösteren bi yazı scripti bulmak.

    yani şöyle olacak

    x        y             z            t         a         b      

    x tıkladığında x in birkaç cümleden oluşan içeriği kayarak ya da başka bi efektle açılacak ve x e bi daha tıklandığında tekrar başlıklar tek sıra olacak

    anlatabildim mi bilmiyorum

    şu kodları buldum ancak tek başlıkta sorunsuz çalışırken ikinci bir başlık eklediğimde diğer başlığı açıp kapatmaya sapıtmaya başlıyor:

     

     

     

     

    <script>

    function gizle(){

    document.getElementById('kapalink1').style.display="none";

    }

    var kontrol="kapali";

    function ac(){

        var a=parseInt(document.getElementById('kutu1').style.width);

            var h=parseInt(document.getElementById('kutu1').style.height);

        if(kontrol=="kapali"){

            a=a+50;

                    h=h+10; 

                          document.getElementById('kutu1').style.width=a;

                          document.getElementById('kutu1').style.height=h;

                          if(a>200){

                      document.getElementById('kutu1').style.width=200;

                  kontrol="acik";

                          document.getElementById('kapalink1').style.display="";

                          document.getElementById('aclink1').style.display="none"

    exit();

    }

                                 }

        else if(kontrol=="acik"){

                     a=a-50;

                     h=h-10;

                          document.getElementById('kutu1').style.width=a;

                          document.getElementById('kutu1').style.height=h;

                          if(a<50){   

                      document.getElementById('kutu1').style.width=50;

                  kontrol="kapali";

                          document.getElementById('kapalink1').style.display="none";

                          document.getElementById('aclink1').style.display="";

     exit();

    }

            }   

       var act=setTimeout("ac()",100);

    }

    </script>

    </head>

    <body onload="gizle()">

    <div id="kutu1" style="width:50; height:50; background-color:abc; overflow:hidden;">

    <div id="aclink1"><a href="#" onclick="ac()">aç</a></div>

    <div id="kapalink1"><a href="#" onclick="ac()">kapa</a></div>

    <hr color=white size=1>

    selamlar yapmaya çalıştığım  sağa genişleyen bir div örneğidir.

    </div>

     

     

     

    derdime çare olana ya da bulana tam yüz bin lira veriyorum :)


    Yapay zeka, zeka değildir.
  2. KısayolKısayol reportŞikayet pmÖzel Mesaj
    MaTRiXe
    MaTRiXe's avatar
    Kayıt Tarihi: 04/Ocak/2006
    Erkek

    http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm buradaki olur mu

  3. KısayolKısayol reportŞikayet pmÖzel Mesaj
    ExcellencE
    ExcellencE's avatar
    Kayıt Tarihi: 27/Nisan/2007
    Erkek

    MaTRiXe bunu yazdı:
    -----------------------------

    http://www.dynamicdrive.com/dynamicindex17/animatedcollapse.htm buradaki olur mu


    -----------------------------

    aynen budur hocam çok sağolasın


    Yapay zeka, zeka değildir.
Toplam Hit: 956 Toplam Mesaj: 3