iT邦幫忙

0

如何在Web中做到圖片拖曳??

想請問各位專業IT:

我想要將文字拖曳到圖片想要的位置中,並記錄文字在圖片位置的(X,Y)座標,最後儲存於資料庫中。
想請問要如何做到呢?要使用什麼樣的技術呢?要怎麼才用得出來?????????哭

拜託您,謝謝^ ^

Q:想請問要如何做到呢?
A:自己想或上網問都可以

Q:要使用什麼樣的技術呢?
A:HTML/Javascript/Server Side Language/RDBMS

Q:要怎麼才用得出來?????????
A:應該是寫程式

請參考修改Sample Page即可

什麼是專業?
專業就是專門替別人寫作業
嘆氣
104yes123 iT邦新手 5 級 ‧ 2011-11-21 22:51:26 檢舉
目前已可將右方文字進行拖曳,並將X,Y座標 動態隱藏放入各個HTML標籤裡,如下:

<p id = p0 title = "x,y">黃色<p>

但目前又遇到一個問題卡住了,就是要如何利用程式,把隱藏於title裡的文字(座標)取出,或是還有其他更好的方法?


麻煩了,謝謝。 倒
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

2 個回答

2
ccutmis
iT邦高手 2 級 ‧ 2011-11-23 11:24:52
最佳解答

http://www.web3d.url.tw/dragAndDropDemo/step1.htm

http://www.web3d.url.tw/dragAndDropDemo/step2.htm

http://www.web3d.url.tw/dragAndDropDemo/step3.htm

作法可以有很多種變化,所以也沒有標準答案,但重點是發問版主要把問題定義精確描述,網友想幫也才有辦法幫,目前遇到問題,如果可以附上關鍵源碼會比較有效果。

看更多先前的回應...收起先前的回應...
104yes123 iT邦新手 5 級 ‧ 2011-11-23 13:56:46 檢舉

目前已可做到您所提供的功能,但一直卡在如何讓使用者按下Button後,將座標從javascript取出。Orz

ccutmis iT邦高手 2 級 ‧ 2011-11-23 16:30:32 檢舉

說真的您不知道jQuery怎麼用嗎?....=_=|||

<p id = p0 title = "x,y">黃色<p>

&lt;pre class="c" name="code">
var tmpStr=$('#p0').attr('title');
alert(tmpStr);

還有就是id名最好是用引號包含起來~個人建議。

104yes123 iT邦新手 5 級 ‧ 2011-11-23 19:36:31 檢舉

首先謝謝您提供給予的建議。
因為目前是用C#下去撰寫,javascipt在前端取得座標值後,不知如何傳值到後端的C#程式裡?
有辦法做到像這樣嗎?還是根本無法這樣子做呢?還望您能給予一些指引。
麻煩了,謝謝。

ccutmis iT邦高手 2 級 ‧ 2011-11-24 09:12:42 檢舉

傳值的話用jQuery的$.ajax或$.post不就可以了?
比如說當你拖曳物件到某處並放開滑鼠左鍵時,先取得座標值,再用$.ajax傳座標值到某支.aspx接收而已,跟是不是用C#開發沒太大關係。
exam:

&lt;pre class="c" name="code">
$.post("reciveXY.aspx", { x: 100, y: 200 },
   function(data){
     alert("Data Loaded: " + data);
   });
12
j2eer
iT邦新手 4 級 ‧ 2011-11-21 10:24:01

若只是要拖曳,十幾行的 JavaScript 即可辦到。

若要捉座標,則需搭配 JavaScript 工具、jQuery …等。

若要存取資料庫,則一定要搭配某一種Web程式語言和開發平台,如: ASP.NET

有了jQuery.Jcrop,选取美女的哪个部位你说了算
http://www.cnblogs.com/sxwgf/archive/2011/11/21/2256645.html


兩岸編程資源、英文,繁中,簡中IT詞彙對照表、臉書「資料庫之道」粉絲團:
http://j2se.myweb.hinet.net
http://www.facebook.com/DBtaoist

104yes123 iT邦新手 5 級 ‧ 2011-11-21 22:54:52 檢舉

目前已可將右方文字進行拖曳,並將X,Y座標 動態隱藏放入各個HTML標籤裡,如下:

<p id = p0 title = "x,y">黃色<p>

但目前又遇到一個問題卡住了,就是要如何利用程式,把隱藏於title裡的文字(座標)取出,或是還有其他更好的方法?

拜託拜託了,謝謝。 Orz

我要發表回答

立即登入回答