<a id="goster">göster</a>
<div id="modal" style="display:none">
<a id="kapat">kapat</a>
görünecek değer
</div>
<script>
$('#goster').live('click',function() { $('#modal').show();});
$('#kapat').live('click',function() { $('#modal').hide();});
</script>
buradaki mantık şudur göster değerine tıklandığında display değeri değişip görünür hale gelir. görünür hale geldiği için kapat butonuda aktif olur ona tıklandığında da bu defa display none değeri tekrar aktif olur. yapmanız gereken modal değerini biraz süslemek. ki zaten sizin sitenizde bunun için bir css yapınız var onu buna entegre edderseniz üç aşşağı beş yukarı istediğinizi elde edersiniz.
not: id lerde cakisma olursa isteidğinizle değiştirebilirsiniz.
not: bu basit bir jquery hilesidir kapsamlı bir modal değildir. ama işinizi görecektir.
<div id="modal" style="display:none">
<a id="kapat">kapat</a>
görünecek değer
</div>
<script>
$('#goster').live('click',function() { $('#modal').show();});
$('#kapat').live('click',function() { $('#modal').hide();});
</script>
buradaki mantık şudur göster değerine tıklandığında display değeri değişip görünür hale gelir. görünür hale geldiği için kapat butonuda aktif olur ona tıklandığında da bu defa display none değeri tekrar aktif olur. yapmanız gereken modal değerini biraz süslemek. ki zaten sizin sitenizde bunun için bir css yapınız var onu buna entegre edderseniz üç aşşağı beş yukarı istediğinizi elde edersiniz.
not: id lerde cakisma olursa isteidğinizle değiştirebilirsiniz.
not: bu basit bir jquery hilesidir kapsamlı bir modal değildir. ama işinizi görecektir.