作者grence (多想兩分鐘 = =")
看板Ajax
標題Re: [問題] 可以在空白頁面上點選後打上文字的方法
時間Sun Feb 28 11:05:11 2010
※ 引述《scoy (Ｖａｎｐｉｒｅ)》之銘言：
: 如果一個空白頁面 (不是textarea)就像一般網頁背景的空白一樣
: 想要讓使用者 滑鼠點任何位置就可以在該位置開啟輸入表單鍵入文字
: 並即時存入資料庫
: 類似白板這樣
: 只是輸入還是用輸入法
: 為了下次還可以看到上次留下的結果
: 這部分只要儲存文字和座標即可
: 座標的取得這部分我沒有問題
: 但開啟即時文字輸入表單的部分不知如何實現
: 不知道該用javascript配合哪些工具
: 目前只知道往mouse event方向去study
: 我知道onclick()可以用，但是一整個頁面上要怎樣都存在onclick()
: 文字輸入表單又要怎樣即時開啟並用ajax即時存回資料庫?
: 當然和image cropper似乎也有點類似
: 但要加入的是文字
: 實作的細節自己還是不太清楚
: 有人可以指點一二嗎
※ 引述《scoy (Ｖａｎｐｉｒｅ)》之銘言：
: 如果一個空白頁面 (不是textarea)就像一般網頁背景的空白一樣
: 想要讓使用者 滑鼠點任何位置就可以在該位置開啟輸入表單鍵入文字
: 並即時存入資料庫
: 類似白板這樣
: 只是輸入還是用輸入法
: 為了下次還可以看到上次留下的結果
: 這部分只要儲存文字和座標即可
: 座標的取得這部分我沒有問題
: 但開啟即時文字輸入表單的部分不知如何實現
: 不知道該用javascript配合哪些工具
: 目前只知道往mouse event方向去study
: 我知道onclick()可以用，但是一整個頁面上要怎樣都存在onclick()
: 文字輸入表單又要怎樣即時開啟並用ajax即時存回資料庫?
: 當然和image cropper似乎也有點類似
: 但要加入的是文字
: 實作的細節自己還是不太清楚
: 有人可以指點一二嗎
事件綁在 body上
function bodyClick(event){
var div=document.createElement('div');
div.style.position='absoulte';
div.style.left=event.pageX;
div.style.top=event.pageY;
/*
....文字輸入介面就看你想長什麼樣子
用 textarea取代上面的 div可能比較省事
*/
}
--
※ 發信站: 批踢踢實業坊(ptt.cc)
◆ From: 123.194.46.184
1F：推 scoy:謝謝您 我研究看看 02/28 12:06
2F：推 scoy:可是不太懂onclick()要用什麼觸發@@ 02/28 12:09
3F：推 scoy:喔喔成功了!! Sorry 之前沒用過bodyClick() 現在懂了 thx!! 02/28 12:16