ساخت راست کلیک در HTML

HTML/XHTML

توسط thearrow در 4 سال پیش
0 692 2 4 سال پیش
thearrowdaniel
0

سلام، آیا میشه واسه HTML ای که کدهای راست کلیکش غیر فهال شدن ، گزینه ی کپی متن رو ساخت ؟

[color=#D3D3D3]و یک سوال دیگه، چطوری کاری کنم که هروقت توی متنم لینکه یه عکس بود ، خودکار لینک اون رو به عکس تبدیل کنه ؟[/color]

ممنون

آخرین ویرایش: 08-04-2014 ساعت 19:42، توسط Daniel
0

شخصا این کار رو پیشنها نمیکنم مخصوصا غیر فعال کردن کلیک راست چون کاربر خیلی بدش میاد و براحتی میتونه غیر فعالش کنه.

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Custom Right Click using jQuery</title>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
try {
$(document).bind("contextmenu", function(e) {
e.preventDefault();
$("#custom-menu").css({ top: e.pageY + "px", left: e.pageX + "px" }).show(100);
});
$(document).mouseup(function(e) {
var container = $("#custom-menu");
if (container.has(e.target).length == 0) {
container.hide();
}
});
}
catch (err) {
alert(err);
}
});
</script>
<style type="text/css">
#custom-menu
{
z-index: 1000;
position: absolute;
border: solid 2px black;
background-color: white;
padding: 5px 0;
display: none;
}
#custom-menu ol
{
padding: 0;
margin: 0;
list-style-type: none;
min-width: 130px;
width: auto;
max-width: 200px;
font-family:Verdana;
font-size:12px;
}
#custom-menu ol li
{
margin: 0;
display: block;
list-style: none;
padding: 5px 5px;
}
#custom-menu ol li:hover
{
background-color: #efefef;
}

#custom-menu ol li:active
{
color: White;
background-color: #000;
}

#custom-menu ol .list-devider
{
padding: 0px;
margin: 0px;
}

#custom-menu ol .list-devider hr
{
margin: 2px 0px;
}

#custom-menu ol li a
{
color: Black;
text-decoration: none;
display: block;
padding: 0px 5px;
}
#custom-menu ol li a:active
{
color: White;
}
</style>
</head>
<body>

<div id="custom-menu">
<ol>
<li><a href="#">Reply</a> </li>
<li><a href="#">Reply All</a> </li>
<li class="list-devider">
<hr />
</li>
<li><a href="#">Mark as unread</a> </li>
<li><a href="#">Delete</a> </li>
<li><a href="#">Archive</a> </li>
<li class="list-devider">
<hr />
</li>
<li><a href="#">Junk</a> </li>
<li><a href="#">View</a> </li>
</ol>
</div>
</body>
</html>

منبع کد: [url]http://www.aspdotnet-suresh.com/2013/03/custom-jquery-right-click-menu-jquery.html[/url]

سوال دوم به این موضوع ربطی نداره براش تاپیک جداگانه ایجاد کنید.

0

ممنون اما اینکه متنه انتخاب شده رو کپی نمیکنه ! اگه میشه اینم بگید

خوش آمدید

برای طرح سوال، ایجاد بحث و فعالیت در سایت نیاز است ابتدا وارد حساب کاربری خود شوید. در صورتی که هنوز عضو سایت نیستید میتوانید در عرض تنها چند ثانیه ثبت نام کنید.

لطفا ابتدا لاگین کنید