Javascript help

[AloneGuy90]

නොදකින් මේ js නම් වැඩක් කරන්න ගියාම ඒකට ඕන දේවල්නෑ. හතර වටේ යන්න ඕන. එකකට වැඩ කරන එකක් තවත් එකකට වැඩ නෑ තනිකර පිස්සො ටිකක් හදාපු කැඳහැලියක් වගේ.

මේකයි අවුල.

මට කරගන්න ඕන. අපිට ඕන div එකකට අදාලව ඒකෙ ඇතුලෙදී මවුස් පොයින්ටර් කොර්ඩිනේට්ස් ගන්න (x සහ y positions) clientx and clienty වලින් දෙන්නේ මුලු window object එකට අදාලව මට ඕන අපි කැමති element එකකට අදාලව. මට මේකට ඕන Pure js solution එකකක්.


වැඩ්ඩෙක් කෝඩ් කෑල්ලක් කොටා දෙන්ට

 

[darshana3g]

Mekada wenna ona balapan http://jsfiddle.net/6TFbt/7/

 

[Ayeshlive]

Mekada wenna ona balapan http://jsfiddle.net/6TFbt/7/

this will do.

 

[JesonRulez]

Go for JQuery.

 

[AloneGuy90]

Mekada wenna ona balapan http://jsfiddle.net/6TFbt/7/

ඕකෙන් එන්නේ මචෝ window object එකට අදාලව අදාල div එකට අදාලව එන්නේ නෑ

this will do.

Go for JQuery.

පොඩි වැඩකට මචං. ලයිබ්රරියක් කොල්කරන්න නිකන් මොකක්ද මොකක්ද වගේ

 

[JesonRulez]

ඕකෙන් එන්නේ මචෝ window object එකට අදාලව අදාල div එකට අදාලව එන්නේ නෑ





පොඩි වැඩකට මචං. ලයිබ්රරියක් කොල්කරන්න නිකන් මොකක්ද මොකක්ද වගේ

JQuery හෙනම lightweight බන්. දැනෙන්නේවත් නෑ.

 

[AloneGuy90]

JQuery හෙනම lightweight බන්. දැනෙන්නේවත් නෑ.

idea එකක් ආව මචං. අදාල එළිමන්ට් එකේ offsetLeft/top එක mouse coordinates වලින් අඩුකරාම හරි

 

[nismok]

$(function() {
$("#demo-box").click(function(e) {

var offset = $(this).offset();
var relativeX = (e.pageX - offset.left);
var relativeY = (e.pageY - offset.top);

alert("X: " + relativeX + " Y: " + relativeY);

});
});

http://css-tricks.com/snippets/jquery/get-x-y-mouse-coordinates/

 

[Radioactive]

මෙන්න
http://jsfiddle.net/6TFbt/8/
මේක දැන් ලිව්වේ. Pure Javascript

 

[AloneGuy90]

http://css-tricks.com/snippets/jquery/get-x-y-mouse-coordinates/

ඔය අයිඩියා එක මටත් කලින් ආව මචං දැන් මේ ඒක ටෙස්ට් කරන ගමන්. offsetleft/top අඩුකරන එක තමයි කරන්න තියෙන්නේ

Mehemai meka event listener subscribe karala tiyenne div ekata ('d' kiyala tiyenne) ubata wena div ekakata unath oya widihata subscribe karanna puluwan

ඔව් මචං මෙතන div එක අදාල වෙලා තියෙන්නේ event eka fire වෙන්න තමයි. නමුත් ඔතන clientx and clienty ගණනය වෙන්නේ අදාල div එක නෙමේ. මුලු window object එකට අදාලව.

ඔය div එක අදාලව වෙනව නම් div එකේ left එකට mouse pointer එක ගෙනාවම 0/1 පෙන්නන්න ඕන. ඒත් ඔතනදි 8 පෙන්නන්නේ අර හේතුව නිසා

 

[AloneGuy90]

මෙන්න
http://jsfiddle.net/6TFbt/8/
මේක දැන් ලිව්වේ. Pure Javascript

තෑන්ක්ස් මචෝ. ඔය විදියටම තමයි මාත් කරේ. වැඩේ ගොඩ.

 

[AloneGuy90]

තෑන්ක්ස් මචං හෙල්ප් වලට. වැඩේ ගොඩදාගත්ත

 

[Radioactive]

තෑන්ක්ස් මචං හෙල්ප් වලට. වැඩේ ගොඩදාගත්ත

ela එහෙනම්. තව helps ඕනේ නම් Tech Talks එකේ දාන්න.
www.elakiri.com/forum/showthread.php?t=1631171