ای بابا این جاوااسکریپت رو من نمی فهمم!

این تاپیک 7 پاسخ و 2 مشارکت کننده دارد . آخرین آپدیت توسط :  سعید ،‏ 1 سال و 2 ماه پیش .

این تاپیک تاکنون 423 بازدید داشته است .

نویسنده پست
چهار شنبه ، 23 سپتامبر 2015     7:51 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

سلام

من یه کد نوشتم که اگه تو داخل یک مربع کلیک کنم و کلیک رو نگه دارم و ماوس رو درون اون مربع حرکت بدم،یه مربع کوچیکی ظاهر بشه و به دنبال نشانگر ماوس بره

وقتی کلیک میکنم و ماوس رو حرکت میدم می بینم که کد درس کار میکنه ولی وقتی کلیک رو ول میکنم،اون مربع کوچیک نمیره

مشکل کجاس؟

اینم کد:

<style>
#div {width: 500px;height: 300px;border: 1px solid black;}
#box{width: 100px;height: 100px;border: 1px solid black;display:none;}
</style>

<div id='div' onmousedown='down()' onmouseup="clearCoor()">
<div id="box"></div>
</div>

<script>
function down(){
var div = document.getElementById("div");
div.addEventListener("mousemove", function(e){
var x = e.clientX;
var y = e.clientY;
var box = document.getElementById("box");
box.style.marginLeft=x;
box.style.marginTop=y;
box.style.display="block";
});
}

function clearCoor() {
var box = document.getElementById("box");
box.style.display="none";
}
</script>

 

0  تشکر
پنجشنبه ، 24 سپتامبر 2015     9:37 ق.ظ #


سعید

Subscriber
161 پست35 تاپیک

خودم درستش کردم

0  تشکر
پنجشنبه ، 24 سپتامبر 2015     11:00 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

سلام دوست عزیز

از این کد استفاده کنید :

window.box = document.getElementById("box");
window.div = document.getElementById("div");
function down(){
div.setAttribute('move','true');
div.addEventListener("mousemove", function(e){
if(div.getAttribute('move')=='true'){
var x = e.clientX,
y = e.clientY;
box.style.marginLeft=x;
box.style.marginTop=y;
box.style.display="block";
}
});
}
function clearCoor() {
div.setAttribute('move','false');
box.style.display="none";
}

موفق باشید ... :)

2  تشکر
جمعه ، 25 سپتامبر 2015     8:16 ق.ظ #


سعید

Subscriber
161 پست35 تاپیک

نوکرتم،اون کدی که دادین هم عالی بود و هم من خودم از اون کد خیلی چیزا یاد گرفتم،چاکرتم

اگه زحمت نشه یه درخواستی داشتم ازتون،خیلی ببخشید که زحمت میدم

می تونین یه کد برام بنویسین که وقتی یه باکسی رو با ماوس میگیرم و میکشم،اون باکس با ماوس بیاد و وقتی کلیک ماوس رو ول کردم،باکس همونجا بمونه

مثل همین پنجره های ویندوز! که از بالا میگیرم و حرکتشون میدیم و مکانشون رو عوض می کنیم

یه چن تا نمونه از این درخواستی که دارم ازتون،رو دیده بودم ولی چون به کتابخانه:

<script src='http://ajax.googleapis.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js'></script>

نیاز دارن نتونستم از شون استفاده کنم

اون نمونه اینه: http://cafe-beroz.ir/win.html

0  تشکر
جمعه ، 25 سپتامبر 2015     9:55 ق.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

از بوت استرپ استفاده میکنی ؟

عزیز با این ایمیل با من در تماس باش تا سریعتر چیزی که میخوای رو بتونم برات درست کنم : zistfa90@gmail.com

 

1  تشکر
جمعه ، 25 سپتامبر 2015     12:31 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

نه بوت استرپ حجمش زیاده

باشه

0  تشکر
یکشنبه ، 27 سپتامبر 2015     9:34 ب.ظ #


محمد مهدی اکرمی

Subscriber
605 پست28 تاپیک

از این استفاده کنید :

 

پیوست ها:
You must be logged in to view attached files.
1  تشکر
یکشنبه ، 27 سپتامبر 2015     9:37 ب.ظ #


سعید

Subscriber
161 پست35 تاپیک

وای...

همش رو خودتون ساختین؟

وای...

وای...

فک کنم میتونم یه هفته همین جوری به شاهکار شما نگاه کنم،خیلی قشنگه

وای...

0  تشکر
پست 1 تا 8 (از مجموع 8 پست)

برای پاسخ دادن به این تاپیک باید وارد سایت شوید .