Merhaba arkadaşlar, Klasik asp ve javascript ile bir açılır div oluşturdum fakat şöyle bir sorunum var. Div'e ilk tıklamamda açılması gerekirken bir kaç defa ardı ardına tıklayınca açılıyor. kodlarım aşağıda inceleyebilir misiniz?
<div id="eklesepet" style="padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;" >sepete ekle</div> <div id="panel" style="z-index:1000;width:350px;height:300px;padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;margin-top:-475px;padding:10px;display:none;position:fixed;">Hello world!</div> <script type="text/javascript"> $(document).ready(function(){ $("#eklesepet").click(function(){ $("#panel").slideToggle("800"); // 800 ms sürede. }); $('html').on('click', function(event){ // tıklanan element var target = $(event.target); console.log(target); // .test elementine veya bu elementin alt elementlerine tıklanmışsa bir şey yapma if (target.is('#panel') || target.parents('#panel').size() > 0) return; // .test div elementini saklayıp .test p elementini göster $("#panel").hide() }); }); </script>
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.
Klasik asp ve javascript ile bir açılır div oluşturdum fakat şöyle bir sorunum var. Div'e ilk tıklamamda açılması gerekirken bir kaç defa ardı ardına tıklayınca açılıyor. kodlarım aşağıda inceleyebilir misiniz?
<div id="eklesepet" style="padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;" >sepete ekle</div>
<div id="panel" style="z-index:1000;width:350px;height:300px;padding:5px;text-align:center;background-color:#e5eecc;border:solid 1px #c3c3c3;margin-top:-475px;padding:10px;display:none;position:fixed;">Hello world!</div>
<script type="text/javascript">
$(document).ready(function(){
$("#eklesepet").click(function(){
$("#panel").slideToggle("800"); // 800 ms sürede.
});
$('html').on('click', function(event){
// tıklanan element
var target = $(event.target);
console.log(target);
// .test elementine veya bu elementin alt elementlerine tıklanmışsa bir şey yapma
if (target.is('#panel') || target.parents('#panel').size() > 0)
return;
// .test div elementini saklayıp .test p elementini göster
$("#panel").hide()
});
});
</script>
DH forumlarında vakit geçirmekten keyif alıyor gibisin ancak giriş yapmadığını görüyoruz.
Üye Ol Şimdi DeğilÜye olduğunda özel mesaj gönderebilir, beğendiğin konuları favorilerine ekleyip takibe alabilir ve daha önce gezdiğin konulara hızlıca erişebilirsin.