Jquery ile

Doğru Cevap

12 yıl önce yazılmış

70 cevap - 0 soru

http://highslide.com/ bence bu linkteki örneklerden birini kullanabilirsin hem daha kullanışlı hemde css'i gerçekten güzel yazılmış

bilisimtr
Yapmak istediğim oradaki gibi birşey değil. Yapmak istediğim açılan div'i herhangi bir yer tıklandığında geri kapanması(gizlenmesi).

12 yıl önce yazılmış
uralozden
Bastığında açılan divden başka genel 1 div daha yapmalısın sayfaının 100%ünü kapsayan daha sonr senin div'in bu divden z index olarak daha büyük olmalı ve o divin üzerinde olmalı. Senin div'in dışında herhangi bir yer tıklandığında da kapama işlemini yapmalısın. basit ama çalışacak bir mantık olabilir.

12 yıl önce yazılmış

bilisimtr

Teşekkürler çalıştı...

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<head>
<title>test</title>

<style>
body { height: 100%; margin:0px; padding:0px; }

#marketplace-switcher{
	background:#fff url(images/sag.jpg) no-repeat right top;
	line-height:20px;
	border:solid 1px #abadb3;	
	cursor:pointer;
	width:160px;
	color:#666;
	font-size:12px;
	display:inline-block;
	z-index:2;
	position:relative;
	margin:10px;
} 
 
 #marketplace-panel *
 {
	margin:0px;
	padding:0px;
	line-height:12px;
	z-index:3;
	overflow:hidden;
 }
 #marketplace-panel
 { 
 
 display: none
 }
#marketplace-panel ul
{

	
	background:#fff;
	border:solid 1px #abadb3;

	clear:both;
	position: absolute;
	width:158px;
	z-index:80000;
	height:200px;
	overflow: auto;
	list-style:none;
}

#marketplace-panel ul li a
{
	background:fff;
	padding:3px 2px;
	text-decoration:none;
	font-size:12px;
	color:#666;
	display:block;
	
	
	
}

#marketplace-panel ul li a:hover
{
	background:#09F;
	color:#fff;
	
}


#bos
{
	width:100%;
	height: 100%;

	position: absolute;
	z-index:1;

}


</style>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script>

$(document).ready(function(){
	
$('#marketplace-switcher').click(function() { $('#marketplace-panel').show(); })
$('#bos').click(function() { $('#marketplace-panel').hide(); })


}
);
</script>
</head>
<body>
<div id="bos"></div>
<div id="marketplace-switcher">Seçiniz
	<div id="marketplace-panel" style="">
        <ul>
          <li><a href="#">1</a></li>
          <li><a href="#">2</a></li>
          <li><a href="#">3</a></li>
          <li><a href="#">4</a></li>
          <li><a href="#">5</a></li>
          <li><a href="#">6</a></li>
          <li><a href="#">7</a></li>
          <li><a href="#">8</a></li>
          <li><a href="#">9</a></li>
          <li><a href="#">10</a></li>
          <li><a href="#">11</a></li>
          <li><a href="#">12</a></li>
        </ul>
	</div>
</div>


</body>

12 yıl önce yazılmış

Cevaplar

12 yıl önce yazılmış

JFe

7 cevap - 8 soru
```
$(document).ready(function(){
//Buraya yazmalısın jQuery kodlarını.
});
```
- bilisimtr
  yapmak istediğim şey selextbox tarzı birşey. Yani selectbox gibi açılacak fakat boş bir yere tıklanınca kapanacak.
  
  12 yıl önce yazılmış