Jquery ile basit işlemler

[except]

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.

 

[arsenik]

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

Şöyle bir örnek var.

Edit fiddle - JSFiddle

 

[except]

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]

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]

Nasıl bir sorun var?

 

[except]

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]

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