PDA

View Full Version : حرفه ای: کلیک روی دکمه و نگه داشتن آن


ali reza mansoori 2
چهارشنبه 13 شهریور 1392, 23:59 عصر
سلام
دوستان یه دکمه دارم میخوام وقتی روش کلیک کرد یه کاری انجام شود
و وقتی که روی دکمه یک ثانیه کلیک نگه داشته شد یه منو باز بشه
Omid Jackson
پنج شنبه 14 شهریور 1392, 00:50 صبح
<head>
<title>Show Menu</title>
<script>
function showMenu(up) {
if(up) {
clearTimeout(showMenu.timer);
} else {
showMenu.timer = setTimeout( function() {
document.getElementById("menu").style.visibility = "visible";
},1000);
}
}
</script>
</head>
<body>
<button onmousedown="showMenu()" onmouseup="showMenu(1)">hold 1 sec</button>
<div id="menu" style="background-color:#033; width:200px; height:200px; visibility: hidden;"></div>
</body>
ali reza mansoori 2
جمعه 15 شهریور 1392, 16:31 عصر
خیلی ممنون از Omid Jackson
حالا میخوام یه کاری کنم که این div مثل یه منو وقتی جای دیگه کلیک میشه بسته شه
Omid Jackson
جمعه 15 شهریور 1392, 19:29 عصر
<head>
<title>Show Menu</title>
<script>
function showMenu(up) {
if(up) {
clearTimeout(showMenu.timer);
} else {
showMenu.timer = setTimeout( function() {
document.getElementById("menu").style.visibility = "visible";
},1000);
}
}
onmousedown = function(event) {
if (event.target.id != "menu") {
document.getElementById("menu").style.visibility = "hidden";
}
}
</script>
</head>
<body>
<button onmousedown="showMenu()" onmouseup="showMenu(1)">hold 1 sec</button>
<div id="menu" style="background-color:#0099CC; width:200px; height: 200px; visibility: hidden;"></div>
</body>