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

jquery site açılınca otomatik popup?

merhaba arkadaşlar, kodları sonunda bitirdim, sadece şu kaldı. Site açılırken popupunda açılması lazım. Koldarımı veriyorum...

(function($) {
	$.fn.avgrund = function(options) {
		var defaults = {
			width: 380, // max = 640
			height: 280, // max = 350
			showClose: false,
			showCloseText: '',
			closeByEscape: true,
			closeByDocument: true,
			holderClass: '',
			overlayClass: '',
			enableStackAnimation: false,
			onBlurContainer: '',
			template: '<p>This is test popin content!</p>'
		};
		var options = $.extend(defaults, options);

		return this.each(function() {
			var body = $('body'),
				maxWidth = options.width > 640 ? 640 : options.width,
				maxHeight = options.height > 350 ? 350 : options.height;

			body.addClass('avgrund-ready');
			body.append('<div class="avgrund-overlay ' + options.overlayClass + '"></div>');				
			body.append('<div class="avgrund-popin ' + options.holderClass + '">' + options.template + '</div>');

			$('.avgrund-popin').css({
				'width': maxWidth + 'px',
				'height': maxHeight + 'px',
				'margin-left': '-' + (maxWidth / 2 + 10) + 'px',
				'margin-top': '-' + (maxHeight / 2 + 10) + 'px'
			});

			if (options.showClose == true) {
				$('.avgrund-popin').append('<a href="#" class="avgrund-close">' + options.showCloseText + '</a>');
			}

			if (options.enableStackAnimation == true) {
				$('.avgrund-popin').addClass('stack');
			}

			if (options.onBlurContainer != '') {
				$(options.onBlurContainer).addClass('avgrund-blur');
			}

			// close popup by clicking Esc button
			if (options.closeByEscape == true) {
				function onDocumentKeyup(e) {
					if (e.keyCode === 27) {
						deactivate();
					}
				}
			}

			// close popup only by 'close' button or by click on document too
			function onDocumentClick(e) {
				if (options.closeByDocument == true) {
					if ($(e.target).is('.avgrund-overlay, .avgrund-close')) {
						deactivate();
					}
				} else {
					if ($(e.target).is('.avgrund-close')) {
						deactivate();
					}
				}
			}

			// show popup
			function activate() {
				body.bind('keyup', onDocumentKeyup);
				body.bind('click', onDocumentClick);

				body.addClass('avgrund-active');
			}

			// hide popup
			function deactivate() {
				body.unbind('keyup', onDocumentKeyup);
				body.unbind('click', onDocumentClick);

				body.removeClass('avgrund-active');
			}

			// init on click
			$(this).click(function(e) {
				e.stopPropagation();

				activate();
			});
		});

	}
})(jQuery)


html kodum: popupu göster diye bir kutu var, ona tıklayınca popup açılıyor..

<div class="buttons">
<a href="#" id="show" class="button left">POPUP GÖSTER!</a>
</div>
+0
-0
Cevaba KatılıyorumKatılmıyorum
Cevap Yaz Yorum Yaz Arşivime Ekle Takip Et

Doğru Cevap

  • uralozden adlı üyenin fotoğrafı
    9 yıl önce yazılmış
    70 cevap - 0 soru
    en basit şekilde body'in onload="" bölümüne aşağıdaki kodu eklersen sayfa ilk açıldığında linkin tıklanacak ve istediğin gibi açılacaktır.

    $(".buttons #show").click();
    
    • olcay adlı üyenin fotoğrafı olcay
      hocam kodu daha sadece yazar mısınız? yapamadımda. :(
      9 yıl önce yazılmış
    • uralozden adlı üyenin fotoğrafı uralozden
      Aşağıdaki şekilde yazman yeterli olacak. Tamamladığında doğru cevap olarak işaretlersen sevinirim.

      
      <body onload="$('#show').click();" >
      
      
      
      9 yıl önce yazılmış
    • olcay adlı üyenin fotoğrafı olcay
      hocam çok teşekkürler, bu kadar basit olduğunu hiç düşünmezdim, sizler sayesinde çok güzel bilgiler ediniyorum, bir kez daha teşekkürler..
      9 yıl önce yazılmış
    • uralozden adlı üyenin fotoğrafı uralozden
      ne demek işin çözülmesi önemli olan
      9 yıl önce yazılmış
    • olcay adlı üyenin fotoğrafı olcay
      hocam birşey daha sormak istiyorum ,peki bunu cookie yoluyla sadece bir kere göstermek istesek nasıl olur? acaba.
      9 yıl önce yazılmış
    • uralozden adlı üyenin fotoğrafı uralozden
      tabi kullanabilirsin göstereceğin şeye göre değişir bu sonuçta.ilk girişte değeri cookie'ye yükle ve her girişte kontrol et bu cookie eklenen değer ile aynı mı diye her seferinde random bir değer girersen sadece o bilgisayar için geçerli olacaktır.
      9 yıl önce yazılmış
    • olcay adlı üyenin fotoğrafı olcay
      örnek bir kod verebilir misiniz?
      9 yıl önce yazılmış
    • uralozden adlı üyenin fotoğrafı uralozden
      Bu tabi en basit ali eğer cookie dolu ise herhangi birşey değişmeyecek ama cookie boş ise lightboxu açan a'yı yazacak. tabi bunlar yanlış olabilir kendi kodlama yapına göre eklemen lazım. bir random değer üretip oraya eklemen gerekir.
      
      if (isset($_COOKIE["kullanici"]))
      
      
      
      echo "";
      
      else
      
      $_COOKIE["kullanici"] = "random();"
      
      echo "BURAYA TIKLANDIĞINDA AÇILAN A GELECEK <br />";
      
      
      
      9 yıl önce yazılmış

Cevaplar

Hiç cevap bulunamadı.