台灣最大程式設計社群網站
線上人數
820
 
會員總數:245973
討論主題:189551
歡迎您免費加入會員
討論區列表 >> AJAX / JSON / jQuery >> Using AJAX from ASP to change image
[]  
[我要回覆]
回應主題 加入我的關注話題 檢舉此篇討論 將提問者加入個人黑名單
Using AJAX from ASP to change image
價值 : 10 QP  點閱數:3835 回應數: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人員,錢少事多離家遠,每天拼命為三餐。
16樓
作者回應

Without Value Project Engineer
檢舉此回應
由於使用 AJAX 所衍生的問題 , 先前的程式情況 如果當我在 Text 欄位中 輸入 ERROR 時,
系統會判定 為 [錯誤模式] 故會在 Text 欄位後方 產生 Select 選項讓我選擇 ,
但使用 AJAX 後, 似乎在 Select 選項中 , 不知道要怎麼更新資料庫? = =
本篇文章回覆於2012-03-01 20:57
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
17樓
回應

shinyo.her
捐贈 VP 給 shinyo.her 檢舉此回應
"但使用 AJAX 後, 似乎在 Select 選項中 , 不知道要怎麼更新資料庫?
因為我的 Select 選項的功能是撰寫在 Update.asp 這一程式中 ,
前端的 Input.asp .. 透過 ajax.js 來將資料傳遞給 Update.asp 進行更新"


HI 關於你的SELECT問題,我想用JAVASCRIPT去觸發AJAX比較快喔,先寫個JAVASCRIPT FUNCTION,
接著在SELECT中加入類似 onchange="yourfunction('ajax.asp?aaa=' + this.value)" 帶值過去觸發

不知道這樣有回答到你的問題嗎?如果沒有,請再告訴我 :)
本篇文章回覆於2012-03-02 09:38
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
18樓
作者回應

Without Value Project Engineer
檢舉此回應
關於 select 的問題,主要是當 text 欄位中,使用者輸入 error 時才會成立出現,
但因為當使用者在 text 欄位中輸入後發生 OnBlur 當下資料庫即刻完成 Update
當使用者輸入 123 時則 select 項目則不會呈現,
另外,如果再一個頁面上,擁有上百個 text 欄位 ,但有 table 格線時,
如何讓 text 前方的項目 .. 的 image 位置切齊 table 格線 (因為 image 是由 div 控制變換)
類似如下圖所示 ... 還請各位先進不吝賜教 ^^
本篇文章回覆於2012-03-02 10:35
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
19樓
作者回應

Without Value Project Engineer
檢舉此回應
關於 select 的問題,主要是當 text 欄位中,使用者輸入 error 時才會成立出現,
但因為當使用者在 text 欄位中輸入後發生 OnBlur 當下資料庫即刻完成 Update
當使用者輸入 123 時則 select 項目則不會呈現,
另外,如果再一個頁面上,擁有上百個 text 欄位 ,但有 table 格線時,
如何讓 text 前方的項目 .. 的 image 位置切齊 table 格線 (因為 image 是由 div 控制變換)
類似如下圖所示 ... 還請各位先進不吝賜教
本篇文章回覆於2012-03-02 11:22
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
20樓
回應

No.18
捐贈 VP 給 No.18 檢舉此回應
ASP AJax Sample

http://www.chueh.idv.tw/%E9%9B%BB%E8%85%A6%E6%95%99%E5%AD%B8/ASP%E6%95%99%E5%AD%B8/ajax03.asp-title=19-3%20%E5%9F%BA%E6%9C%AC%20AJAX%20%E5%8E%9F%E7%90%86%E8%88%87%E7%AF%84%E4%BE%8B.htm

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

Without Value Project Engineer
檢舉此回應
我目前 AJAX 應用可能稍微需要一些技巧,但不知道要如何解決 . 並非基本 AJAX 使用. = =
本篇文章回覆於2012-03-04 12:30
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
22樓
回應

topcat
捐贈 VP 給 topcat 檢舉此回應
小喵個人覺得
asp要寫ajax,使用jQuery是非常方便的一個方式

尤其您提到,畫面上有上百個Input Text
那樣更是jQuery的專長啊

jQuery使用ajax的範例
http://www.dotblogs.com.tw/topcat/archive/2008/08/08/4846.aspx

透過自定屬性取得相同id的指定的物件
http://www.dotblogs.com.tw/topcat/archive/2009/10/21/11192.aspx

本篇文章回覆於2012-03-05 11:39
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
23樓
作者回應

Without Value Project Engineer
檢舉此回應
還是沒有解決 .. 我目前朝遇到的問題是 ... 那個 select 項目(由 Div 控制)
並不能切齊在 文字之後 ,而是換行 = =...
本篇文章回覆於2012-03-27 18:09
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
24樓
回應

Pan01
檢舉此回應
to 樓主 ,
在沒有 AJAX 這個名詞出現 之前 , 有一個 名詞 叫做 DHTML (dynamic html) .

AJAX 與 DHTML 觀念相同的 地方 都是 使用 JavaScript 與 CSS 操控 DOM 來 產生互動式表單 , 動態網頁.

而 DHTML 與 ASP 可以 說是同一時代的 產物.

我 記得 很多 ASP 的中文書 都會 提到 DHTML 的部分.

只是那時候 可能沒有 JQuery 這種東西 , 很多地方都需要 辛苦的Coding

現在 有了 JQuery 後 , 寫 動態網頁 就很簡單了.


所以, 結論就是 先花點時間學習 jQuery 對你是有好處的
本篇文章回覆於2012-03-27 20:20
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
25樓
回應

Pan01
檢舉此回應
text 前方的項目 .. 的 image 位置切齊 table 格線 (因為 image 是由 div 控制變換)


這無非僅 是 調整 CSS Stytle 的問題吧!
JQuery 可以 讓你 很方便 的 找到需要的 DIV .
讓你 可以 快速設定DIV 與 IMG 的 CSS Stytle.

此外 , 既然你都可以 抓到 Sample 了 , 用 瀏覽器的 開發者工具 就可以查到 CSS Stytle.

除非他不是網頁.

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

Pan01
檢舉此回應
那個 select 項目(由 Div 控制) 並不能切齊在 文字之後 ,而是換行 = =...


會換行 的 話 是不是 TD 或 DIV 的 Width 不足, 所以 被 自動排到 文字下方了.
本篇文章回覆於2012-03-27 20:43
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
27樓
作者回應

Without Value Project Engineer
檢舉此回應
那方便提供一個上述的簡單範例嗎?
本篇文章回覆於2012-03-27 22:27
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
28樓
回應

Pan01
檢舉此回應
這個 範例 網路上 到處 都有.
不知道 關鍵字的 話 就問 , 不要 老是 想 讓 別人 幫你 搜索 範例.
學著自己 Google 吧! 這樣才能進步.

多看別人的文章 啟發新思維

google Key word : "img AND position"

http://www.google.com.tw/search?q=img+AND+position&num=50&hl=zh-TW&lr=lang_zh-TW&newwindow=1

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

Without Value Project Engineer
檢舉此回應
眼另個問題,如何將有異動的項目 例如 : <input type="text" name="textSN3357" id="textSN3357" OnBlur="showData() ....
期項目中的 SN3357 傳遞給 ajaxna.js ...因為數量眾多,
我需要透過 SN 後面的數字來片段要更新畫面上的哪一個元素...
本篇文章回覆於2012-04-01 15:05
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
30樓
回應

Pan01
檢舉此回應
http://www.w3schools.com/jsref/jsref_obj_string.asp

活用這些相關的 string 處理 加工 方法.
本篇文章回覆於2012-04-01 15:29
== 簽名檔 ==
--未登入的會員無法查看對方簽名檔--
   

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