728x90 AdSpace

  • Latest News

    7/20/2009

    Pop up pencere yapma kodu

    Merhaba arkadaşlar geçenlerde bir resim galerisi yaptım ufak resme tıklayınca popup pencere içinde büyük hali görünmesini istiyordum... En sonunda da buldum harici bir stylesheet yani css dosyasına gerek kalmadan da yapabilirsiniz. Vereceğim kodlardan sonra resim video site vs.. açılır pencere ile görüntüleyebirsiniz... şimdi yapmanız gereken html dosyaınıza aşağıdaki kodu head dan sonra eklemeniz...



    <SCRIPT LANGUAGE="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=790,height=550,left = 0,top = 0');");
    }
    </script>
    


    daha sonra hangi adresi pop up pencerede gösterecekseniz. aşağıdaki kodu kullanın

    Pop up Açılır Sayfa<a href="javascript:popUp('http://i44.tinypic.com/wm1kph.jpg')">Tıklayın</a>
    
    



    width=790,height=550 ile sayfa boyutunu ayarlayabilirsiniz... ben resim adresi koydum siz isterseniz oraya sayfa adresi de katabilirsiniz... mesela google.com yazarsanız op up da google açılır.... aşağıda ki kodda beraber

    <html>
    <head>
    <title>Kirli AdaM POpup Pencere</title>
    <SCRIPT LANGUAGE="JavaScript">
    function popUp(URL) {
    day = new Date();
    id = day.getTime();
    eval("page" + id + " = window.open(URL, '" + id + "', 'toolbar=0,scrollbars=1,location=0,statusbar=1,menubar=0,resizable=1,width=270,height=200,left = 0,top = 0');");
    }
    </script>
    </head>
    <body>
    Resmi Görmek için <a href="javascript:popUp('http://i44.tinypic.com/wm1kph.jpg')">Tıklayın</a>
    </body>
    </html>
    

    Mehmet Ali

    Grafik tasarım konusunda bir şeyler öğrenmekte, öğrenmekte olduklarını paylaşmakta.

    Website: Mhmtalizm

    • Blogger Yorumları
    • Facebook Yorumları

    2 yorum:

    1. dostum böyle bi hata alıyorum sorun nerde :/ kodla alakalı bi sorun.


      XML, satır 33, sütun 3 ayrıştırılırken hata oluştu: The element type "SCRIPT" must be terminated by the matching end-tag "".

      YanıtlaSil
    2. SCRIPT taglarının kapatıldığına emin ol... </script gibisinden...

      YanıtlaSil

    Item Reviewed: Pop up pencere yapma kodu Rating: 5 Reviewed By: Kirli Adam
    Scroll to Top