台灣最大程式設計社群網站
線上人數
788
 
會員總數:245973
討論主題:189551
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> Using AJAX from ASP to change image
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
Using AJAX from ASP to change image
價值 : 10 QP  點閱數:3836 回應數:40
樓主

Without value system engineer
初學者
148 49
627 121
發送站內信

我想使用 AJAX 技術在 ASP 的語言上來改變圖片,
由於我在網路上搜尋到的應用於ASP的資料大多屬於jquery 方式
但我希望能夠改變本身的圖片..類似像 一個 image 緊結著後方為一個 textbox
當使用者輸入完資料後, textbox 內容即輸入資料庫中(我已經在資料庫加入判斷方程式)
則希望 image 能夠藉由資料庫的欄位值變更圖型
類似當我於 textbox1 中輸入 1 則經資料庫更新後判斷... Textbox 前方的圖型則變更 a.gif
類似當我於 textbox1 中輸入 2 則經資料庫更新後判斷... Textbox 前方的圖型則變更 b.gif
類似當我於 textbox1 中輸入 3 則經資料庫更新後判斷... Textbox 前方的圖型則變更 c.gif
煩請各位先進,提供一下範例..謝謝!

搜尋相關Tags的文章: [ Using AJAX from ASP to change image ] ,
本篇文章發表於2012-02-21 10:59
== 簽名檔 ==
最沒價值的IT人員,錢少事多離家遠,每天拼命為三餐。
31樓
作者回應

Without Value Project Engineer
檢舉此回應
是否可以提供具體一點的方法嗎?類似像 ASP 如何將OnBlur的元件參數傳遞給ajax.js 在畫面更新.謝謝
本篇文章回覆於2012-04-01 16:03
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
32樓
回應

Pan01
檢舉此回應
Name 與 ID 都是 String, 所以 透過 SubString

var id = 'textSN335'
var sn_string = substr( 4 , id.length - 4 ) ;

這樣 SN 的 內容 就是 'SN335'

相反的功能
var no = 336 ;
var new_id = 'textSN'+ String(no) ;

這樣 new_id 的 內容 就是textSN336




本篇文章回覆於2012-04-01 16:43
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
33樓
作者回應

Without Value Project Engineer
檢舉此回應
showData() 是JAVASCRIPT 的方程式,
畫面上有多個 text 的元素...是由 .asp 動態產生
類似像

thisSN 是每一個欄位的唯一值,不會重複.
我希望將 thisSN 傳遞給 ajax.js 的程式來進行判斷要更新哪個畫面上的 textbox ..
本篇文章回覆於2012-04-01 18:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
34樓
作者回應

Without Value Project Engineer
檢舉此回應
如果畫面上有數百個 textbox.. 我是使用 textSN1234567 還是要依據
formSN1234567 來規劃設計?
簡單講,我適用要一個 form 來將近百個 textbox 包覆起來?
還是要將每個 form 都視為獨立的一個 ...但 form name 不同?
本篇文章回覆於2012-04-02 13:14
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
35樓
回應

Pan01
檢舉此回應
我適用要一個 form 來將近百個 textbox 包覆起來?
還是要將每個 form 都視為獨立的一個 ...但 form name 不同?


這個由你自己依實際需求(運作的情境 / 整體的架構)而定 , 沒有 哪個好 , 哪個不好 的問題.
本篇文章回覆於2012-04-03 08:20
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
36樓
作者回應

Without Value Project Engineer
檢舉此回應
否提供較為具體的做法,是採用不同的 From 的設計邏輯,還是在同一個 From 裡面設計?
另外 ,AJAX 在更新上 ,有人可以提供(自身更新)的範例或說明嗎?
自身更新 -- > 類似像 Textbox 中當輸入 59 則出現紅字, 當輸入 75 則出現綠字....等等
本篇文章回覆於2012-04-04 12:01
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
37樓
回應

Pan01
檢舉此回應
否提供較為具體的做法,是採用不同的 From 的設計邏輯,還是在同一個 From 裡面設計?


我不是說了 必須依實際需求(運作的情境 / 整體的架構)而定 , 這個沒有 人可以 幫你決定.


另外 ,AJAX 在更新上 ,有人可以提供(自身更新)的範例或說明嗎?
自身更新 -- > 類似像 Textbox 中當輸入 59 則出現紅字, 當輸入 75 則出現綠字....等等

樓主難道 從來 沒買書 或 在 網路上 閱讀 別人 寫的範例嗎 ?

這個需求 在很多書上 與網路上 都應該 有範例了.

Google 關鍵字 "onBlur" "onChange"

本篇文章回覆於2012-04-04 12:15
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
38樓
作者回應

Without Value Project Engineer
檢舉此回應
如果是要回答 .. 像 Google 這種答案,各位專家你覺得我會沒去找嗎?
如果要跟我說 .. Google 找的到的範例..
那是否可以幫我找一下呢? 因為我直接告訴你,我找不到這個的範例,
用 onBlur onChange 搭配 AJAX 更新資料庫,同時可以更新自己本身... 謝謝
本篇文章回覆於2012-04-04 14:25
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
39樓
回應

大胖
檢舉此回應
其實也可以跟主管或老闆講你google也找不到

我想他會釋懷的

畢竟連google都找不到,那到底誰知道?!或許根本沒這樣技術呢!



本篇文章回覆於2012-04-04 15:38
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
40樓
回應

Pan01
檢舉此回應
你的 問題 是 出在 你不會 活用 網路上的 範例.

難道 真的 必須要 一模一樣的Code 你才能 參考嗎?

不想當個 沒價值的IT人員 , 就一定要 能活用 範例.

=============================================

"用 onBlur onChange 搭配 AJAX 更新資料庫,同時可以更新自己本身"

你真的以為 網路上 在此之前 真的 有人 會 Post 出 完完全全 相同的 這段文字嗎 ?
既然你 已經有 回應 你 google 的 關鍵字. 那我就教你如何查詢 ?


以 "自身更新 -- > 類似像 Textbox 中當輸入 59 則出現紅字, 當輸入 75 則出現綠字.." 為範例 :

不是 將這段 文字 丟給 Google 就可以 找到答案了. 必須分成幾個步驟 來查.
1. 首先查 "JavaScript AND 變更 AND 文字顏色"

可以得到 <span style="" onClick="this.style.color='red'">点击改变颜色</span>

<font id="d" color="red">文字</font>
<script type="text/javascript">
document.getElementById("d").color="#fffdd";
</script>
等等 許多的 解答.

2. 接著查 "JavaScript AND 文字變更 AND Event"

可以 得到 如同 下列的說明
onFocus, onBlur and onChange 事件通常與文字區域的確認結合使用。
下列的例子顯示如何使用 onChange 事件。無論使用者改變文字的內容為何 checkEmail() function 會被呼叫執行。
<input type="text" id="email" onchange="checkEmail()">;

你可以得到在 OnChange 中 判斷 TextBox變更的值為何 的結論 .
再結合 查詢1 中變更文字顏色的方法. 就可以達成需求了.


===================================================================================

如何查詢 "AJAX 更新資料庫,同時可以更新自己本身" 的方法

你要 知道 網頁 傳輸 有 兩 種 模式 . 一種 是 Get ; 一種 是 Post .
所以 你 要 查詢 的 是 "Ajax AND Post" ; "Ajax AND Get"
你可以 查到 這篇 http://www.w3school.com.cn/jquery/ajax_post.asp

其中 就有 你要 的 範例了. 雖然他改變的是 span 中的 內容. 但你可以將這個 "$("span").html(result)" 改為 你實際的需求.

通过 AJAX POST 请求改变 div 元素的文本:
$("input").keyup(function(){
txt=$("input").val();
$.post("demo_ajax_gethint.asp",{suggest:txt},function(result){
$("span").html(result);
});
});


===================================================================================================

http://www.w3school.com.cn/index.html
這個 網站 是 一個 很不錯 的 基礎學習的網站.
有空 就 多看看 裡面的內容. 好好思考 裡面的範例.
本篇文章回覆於2012-04-04 17:48
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   

回覆
如要回應,請先登入.