Kodları lütfen aşağıdaki butonları kullanarak renklendirin. Örnek: <php> echo "Selam Dünya"; </php>
Yardım
karakter kaldı

Fancybox Iframe pencere kapatma sorunu

Merhaba arkadaşlar,

Fanxybox ile bir sayfayı pencere olarak açıyorum ve bu sayfa içerisinde bir form ve göndermek için de resim dosyası var.

<input type="submit" class="gonder">

şeklinde.


Bu butona/resme tıklanıldığında bu pencerenin de kapanmasını istiyorum. Bunu nasıl yapabilirim acaba?

Şimdiden teşekkürler.
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Cevaplar

  • Severus adlı üyenin fotoğrafı
    10 yıl önce yazılmış
    5 cevap - 8 soru
     $(document).ready(function() {
        $('form').bind("submit",function() {
              parent.$.foncybox.close();
    });
    });
     


    iframe dosyasinda olmasi gereken kod
    • Cagri adlı üyenin fotoğrafı Cagri
      Merhaba,

      Yazım hatasından kaynaklı foncybox u düzelterek de denedim ancak çalışmadı.

      Bir eksiğim olabilir mi acaba?
      10 yıl önce yazılmış
    • Severus adlı üyenin fotoğrafı Severus
      iframe olarak acilan sayfanin <HEAD> taglari arasina da fancybox .css ve .js kodlarini eklemeyi unutmus olabalirmisiniz?
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      Hepsini ekledim.

      $(document).ready(function() {
      $('urunekle').bind("submit",function() {
      parent.$.fancybox-close();
      });
      });

      Bu kodu kullandım ancak çalışmıyor hala.
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      farklı bir önerisi olan yok mudur?
      10 yıl önce yazılmış
    • Severus adlı üyenin fotoğrafı Severus
      $('urunekle') burda urunekle bir id degeri mi yoksa class mi eger id ise $('#urunekle').live('submit'....) eger class ise $('.urunekle').live('submit') olarak dene.
      10 yıl önce yazılmış
    • Severus adlı üyenin fotoğrafı Severus
      ayrinca parent.$.fancybox-close() deil tire yerine . ile olmasi gerek parent.$fancybox.close()
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      bunları da denedim şimdi ancak hala sonuca ulaşamadım.

      bu şekilde çalışan bir örnek var mıdır acaba ona göre düzenlemem için?
      10 yıl önce yazılmış
    • Severus adlı üyenin fotoğrafı Severus
      iframe.html
      <html>
          <head>
              <title>iframe</title>
              <script type='text/javascript' src="jquery.js"></script>
              <script type='text/javascript' src='fancybox/jquery.fancybox-1.3.4.pack.js'></script>
              <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css">
              <script type="text/javascript">
                  $(document).ready(function(){
                      
                      $('#urunekle').submit(function(){
                          alert('iframe kapatiliyor...');
                          parent.$.fancybox.close();
                      });
                  });
              </script>
          </head>
          <body>
              <form id="urunekle">
                  <input type='text' name="urun"><br>
                  <input type='text' name='fiyat'>
                  <input type="submit" value="ekle">
              </form>
          </body>
      

      </html>

      <!DOCTYPE html>
      <html>
          <head>
              <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
              <link rel="stylesheet" type="text/css" href="fancybox/jquery.fancybox-1.3.4.css">
              <script type='text/javascript' src="jquery.js"></script>
              <script type='text/javascript' src='fancybox/jquery.fancybox-1.3.4.pack.js'></script>
              
              <script type="text/javascript">
                  $(document).ready(function(){
                      
                      $('#iframeAc').fancybox({
                          "type":"iframe",
       
                      });
                  });
              </script>
              <title></title>
          </head>
          <body>
              <a href="iframe.html" id="iframeAc">iframe ac</a>
          </body>
      


      </html>

      ornek arsivi burdan indirebilirsin: http://www.multiupload.com/54Z6LLTMH0
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      Çok teşekkürler ben form name="urunekle" olarak kullanıyordum meğer id atamam gerekiyormuş onu yeni farketmiş oldum ve çalışıyor şu anda.

      Ancak başka bir sorun oluştu şu anda formu göndermeden hemen kapatıyor pencereyi, neden olabilir?
      10 yıl önce yazılmış
    • Severus adlı üyenin fotoğrafı Severus
      formu ajax ile gonderebilirsin serialize ederek yani:
      $('#urunekle')live("submit",function(){
           $.ajax({
      type:"post",
       url:"form_isle.php",
      data:$(this).serialize(),
      success:function(){
         $(this).after('form submit edildi');
         parent.$.fancybox().close();
      }
      });
      });
      


      http://www.eburhan.com/jquery-ve-ajax-islemleri/ bu linki de incelemeni tavsie ederim
      10 yıl önce yazılmış
    • Cagri adlı üyenin fotoğrafı Cagri
      Bu şekilde de olabilir ancak örneğin popup açılmadan önceki sayfada iframe ile bir sepet var ve popupta yapılan işlemler sonrasında ürün eklendiğinde sepette hemen görünüyor.

      Ajax ile yapmak istersem o kısımda da sorunlar olacak. Form gönderildikten sonra bu popup u kapatmak mümkün olamaz mı peki?
      9 yıl önce yazılmış
    • guner_arik adlı üyenin fotoğrafı guner_arik
      çook geç ama sonradan birileri gelip görürse diye ben bir şeyler yazayım en iyisi ^^


      framedeki işlemler bittikten sonra yani kayıt işlemlerinden sonra en alta

      <script type="text/javascript">
      parent.jQuery.fancybox.close();
      </script>

      yazılırsa açılan pencere işlem tamamlanınca otomatik olarak kapanacaktır.
      8 yıl önce yazılmış