PDA

View Full Version : سوال: سوال در مورد متغییر ها در Javascript و بدست آوردن مکان موس


Ali0Boy
پنج شنبه 17 فروردین 1391, 19:22 عصر
باسلام
من 2تا سوال داشتم، یه سرچی هم تو انجمن کردم ولی چیزی دستگیرم نشد.
1- من یک تابع جاوا اسکریپت رو در onclick شی img با آرگومان ورودی id مربوط به img صدا می زنم. این آی دی فقط شماره است مثل: 1 2 3 4 ...
من داخل تابع جایی از کد این آرگوامن ورودی را با 1 جمع می کنم. ولی متاسفانه بجای اینکه مثلا 1+1 = 2، جواب برابر می شود با 11.
هر چه خواستم نوع id رو عوض کنم مثلا:


(int)d+1


ولی باز هم جواب نداد.
کد کامل html:


<script>
function goTo(id)
{
var p=id+1;
alert(p);
}
</script>
.
.
.
<body>
<img id="1" onmouseover="goTo(id);" />
</body>






2- چطور می توانم نقطه(مکان) فعلی موس رو دریافت کنم. مثلا دقیق بدانم که موس در منطقه ی (0و0) می باشد؟

باتشکر
Ali0Boy
پنج شنبه 17 فروردین 1391, 19:55 عصر
دوست جواب سوال 2 را توانستم بدست بیاورم. کسی نیست در مورد جواب سوال یک کمکم کنه.
جواب سوال 2:


<!doctype html />
<html>
<head><title>Test Mouse Position</title>
<script type="text/javascript" src="min.js"></script>
<script type="text/javascript">
$(document).mousemove(function(event){
var x, y;
x = event.clientX;
y = event.clientY;
$("#pos").html(x+" : "+y);
});
</script>
</head>
<body>
<p id="pos">
</p>
</body>
</html>
Ali0Boy
پنج شنبه 17 فروردین 1391, 19:57 عصر
ممنون از استاد گرامی yones_safari (http://barnamenevis.org/member.php?129042-yones_safari)
جواب سوال یک رو نیز ایشان در پاسخ خصوصی به من دادند. واقعا ممنون از yones_safari (http://barnamenevis.org/member.php?129042-yones_safari)
جواب سوال یک:


<script>function goTo(id){var p=parseInt(id)+1;alert(p);}</script>...<body><img id="1" onmouseover="goTo(id);" /></body>
و جواب سوال 2-ای که ایشان دادند:


jQuery(document).ready(function(){ $(document).mousemove(function(e){ $('#status').html(e.pageX +', '+ e.pageY); }); })
Ali0Boy
پنج شنبه 17 فروردین 1391, 20:44 عصر
این هم یه کد جانانه که همه رو سر حال میاره. حداقل من رو که سر حال آورد.
85289
اشتباه نکنید. این تصویر در paint ویندوز نوشته نشده! بلکه با ایجاد یک صفحه ی نقاشی در html شما با نگه داشتن کلیک موس هر چی بخواهید می توانید ترسیم کنید. امیدوارم ایده ی خوبی برای دوستان باشد. برای ساخت paint های بهتر تحت وب. اگر دوستان نمونه های کامل تری رو ساختند، اینجا بگذارند تا دیگر دوستان نیز از آن بهره ببرند.
کد:


<!doctype html />

<html>
<head>
<meta charset = "utf-8">
<script type="text/javascript" src="min.js"></script>
<script type="text/javascript">
Element.prototype.leftTopScreen = function () {
var x = this.offsetLeft;
var y = this.offsetTop;
var element = this.offsetParent;
while (element !== null) {
x = parseInt (x) + parseInt (element.offsetLeft);
y = parseInt (y) + parseInt (element.offsetTop);
element = element.offsetParent;
}
return new Array (x, y);
}
$(document).ready (function () {
var flip = document.getElementById ("flip");
var xy = flip.leftTopScreen ();
var context = flip.getContext ("2d");
context.fillStyle = "rgb(255,255,255)";
context.fillRect (0, 0, 500, 500);
var flag1=false;
$(flip).mousedown (function (event) {
flag1=true;
});
$(flip).mouseup (function (event) { flag1=false;});
$(flip).mousemove (function (event) {
if(flag1==true) {
var x = event.clientX;
var y = event.clientY;

context.fillStyle = "rgb(255, 0, 0)";
context.fillRect (x - xy[0], y - xy[1], 5, 5);
}});
});
</script>
<style>
#flip {
border: 1px solid black;
display: inline-block;
}
body {
text-align: center;
}
</style>
</head>
<body>
<canvas id = "flip" width = "500" height = "500">This text is displayed if your browser does not support HTML5 Canvas.</canvas>
</body>
</html>
yones_safari
جمعه 18 فروردین 1391, 10:28 صبح
درضمن برای اینکه بی مورد هم نباشد، ممنون می شوم توابع مخصوص به تبدیلات و چطور یک خط با دو نقطه ی مختلف مثلا A با دو مختصات 0و0 - 25و25 رو یه توضیحی دهید.

والا من لیست کامل توابع رو نمیدونم هر وقت یه تابعی نیاز میشه تو گوگل سرچ میزنم.و اما در مورد خط اگه بخوای خودت خط شیبدار بسازی باید از الگوریتم برسنهام استفاده کنی و یا از تابع خود جاوا اسکریپت استفاده کنی.
http://img4up.com/up2/95207458502567818580.png
خط بالا یه خطی هست که با یه فور هم میشه کشیدش چون نصبت شیب در طول و عرض ثابت هستش و اون هم عدد یک هست.ولی در دیگر خطها نسبت طول و عرض ثابت نیست و مثلا 0.5 هستش که باید از الگوریتم خط برسنهام استفاده کنی تا شیب رو به دست بیاری.
موفق باشی