Web Programlama (PHP, ASP, HTML, CSS, JavaScript)

Jquery ile basit işlemler

except01.04.20166 cevap1.223 görüntüleme

2016'den beri9 mesaj

#1
01.04.2016 03:05

Ben bir popup divi tasarladım. CSS ve HTML kodları mevcut yani. Ancak bunu nasıl popup yapacağımı bilmiyorum. Belirlediğim dive tıkladığımda tasarladığım form önüme popup sayfa şeklinde gelsin istiyorum ama yapamadım. Yardımcı olabilecek biri var mıdır?

Üzerine tıklayacağım class: .ekletakip
Üzerine tıklayınca açılacak class: .eklesayfa

Bu üstteki bilgileri belki birisi kodunu paylaşır diye veriyorum. Teşekkürler şimdiden.

Cevaplar

arsenik

2009'den beri11 bin mesaj

#2
01.04.2016 15:30

Bootstrap modal kullanmayı düşünür müsünüz?
Tryit Editor v2.6

Şöyle bir örnek var.

Edit fiddle - JSFiddle

except Konuyu açan

2016'den beri9 mesaj

#3
01.04.2016 15:42

arsenik dedi: ↑
Bootstrap modal kullanmayı düşünür müsünüz?
Tryit Editor v2.6

Şöyle bir örnek var.

Edit fiddle - JSFiddle

Bakalım uygulayabilecek miyim. :)

except Konuyu açan

2016'den beri9 mesaj

#4
01.04.2016 16:15

arsenik dedi: ↑
Bootstrap modal kullanmayı düşünür müsünüz?
Tryit Editor v2.6

Şöyle bir örnek var.

Edit fiddle - JSFiddle

Fazlasıyla karışık. Aslında yapıyorum ama yaptığım temayı bu kodlarla çalıştırmayı beceremedim.

arsenik

2009'den beri11 bin mesaj

#5
01.04.2016 16:26

Nasıl bir sorun var?

except Konuyu açan

2016'den beri9 mesaj

#6
01.04.2016 17:34

arsenik dedi: ↑
Nasıl bir sorun var?

Senin attığını değilde başka bir yol buldum.

<script src="css/jquery-2.2.2.min.js"></script>  
<script>

<!-- Popup-->
$("document").ready(function(){
    $(".ekletakip").click(function() {
        $(".shadow, .filmeklesayfa").fadeIn("slow");
        return false;
    });
    $(".eklebuton,.sag").click(function() {
        $(".shadow, .filmeklesayfa").fadeOut("slow");
    });    

});

</script>

Böyle bir şey denedim. Butona tıklayınca sayfa önüme geliyor gelmesine ama bu seferde başka sorunlar var:
1. Gölge Popup pencereninde önüne geçiyor.
2. Popup farklı bir pencereymiş gibi gelmiyor önüme. Yani tasarımın arasına bir yere sıkışıyor. Ana sayfaya popup penceresi ekleniyor ve sayfanın diğer elemanları aşağı kayıyor.

arsenik

2009'den beri11 bin mesaj

#7
01.04.2016 18:32

Yeterli jquery bilgim yok. Belki başkası yardımcı olabilir.

Cevabını yaz

Cevap yazmak için giriş yap ya da üye ol. Eski forum kullanıcı adın ve parolanla girebilirsin.