Dreamweaver CS3集成Spry之表單檢測試用
導語:Dreamweaver CS3集成了AJAX框架Spry,使得我最近對Spry感上了興趣。下面就由小編為大家介紹一下Dreamweaver CS3集成Spry之表單檢測試用,歡迎大家閲讀!
再次説明下Spry是Adobe公司推出的AJAX框架,所謂AJAX框架,就先談目前流行的Web2.0。
1,這些Web2.0站點從頁面形式上來看,頁面與瀏覽者的交互很時尚、也很人性化。比如註冊信息時輸入郵箱不規則,頁面立即提示……當然這在Web2.0之前已有應用,但是從來沒有哪個時候像現在如此推崇此類即時檢測等很符合用户體驗的技術,這些脱離不了Javascript腳本的編寫,其已屬於AJAX的定義範疇。
2,當然AJAX不僅僅是這些,比如要做個“TabPane 選項卡”很炫酷的頁面展示功能,我們手寫Javascript腳本就比較的費事,當然還有很多的在Web2.0站點看到的比如“顯示和隱藏”、“淡入淡出”等特效,這些都離不開Javascript,而現在我們也稱為AJAX技術。
3,AJAX最核心的技術就是數據處理的能力,並能進行遠程異步處理的能力,主要集中在對XML數據的`數據交互上。
所有這些,Javascript佔最大比重,XHTML、CSS作為表現形式而存在、因XML涉及的XSLT、XPATH等技術融入其中,還有相關的DOM操作,這些所有有需要功能文件的組合體就構成了AJAX框架(如果可以,你也可以自己寫一個AJAX框架給大家使用)。
Adobe Spry 介紹頁有這樣一句話:
With Spry, you can use HTML code, CSS code, and a minimal amount of JavaScript to incorporate XML data into your HTML documents, create widgets such as accordions and menu bars, and add different kinds of effects to various page elements.
使用Spry框架,用HTML、CSS、JavaScript就可以在HTML文章中展現XML數據、建立諸如炫酷菜單的一些界面,還有其他的一些頁面特效(大體上分了三類內容,這也是Spry AJAX框架所具備的)。
由此,學習Spry就可以從如下三點開始:
Working with Spry widgets
Working with Spry Effects
Working with Spry XML Data Sets
前天關於Dreamweaver CS3集成Spry效果試用就是Spry widgets中的一例,今天介紹的表單檢測還屬其中內容。
在頁面中插入“Spry”-“Spry validation text field”文本框之後,在選中該表單元素之後除了顯示其元素屬性以外,在選擇該表單元素之上的藍色文本“Spry TextField”,屬性面板中顯示了表單驗證相關的選項內容。
比如下圖就是選擇“Type”是“Email Address”的郵件輸入檢測,觸發的動作默認是“Submit”,當然自己也可以選擇“Blur”或“Change”,對於這些操作,則要求使用者具備簡單的Javascript知識。還可以設置默認文本提示,是否必須填寫等。
這些操作,對於有Dreamweaver經驗的用户來説,曾經是在DW的腳本行為中的操作,不過那些顯示的是彈出警告框,而現在是緊隨表單元素之後的即時顯示的文字信息,相比較一下哪個更讓用户覺得親切呢?——這就是Web2.0在表現形式上質的飛躍。
利用Spry框架提供這些操作不僅生成基於標準的XHTML+CSS代碼,還能完成完善用户體驗的頁面功能,這是在Dreamweaver cs3初試Spry的體會。
-
如何理解Javascript的caller,callee,call,apply區別
在提到上述的概念之前,首先想説説javascript中函數的隱含參數:argumentsarguments該對象代表正在執行的函數和調用它的函數的參數。[function.]arguments[n]參數function:選項。當前正在執行的Function對象的名字。n:選項。要傳遞給Function對象的從0開始的參數值...
-
javascript閉包的定義及應用實例分析
官方解釋“閉包”是一個擁有許多變量和綁定了這些變量的環境表達式(通常是一個函數),因而這些變量也是環境表達式的一部分。通俗解釋Javascript中所有的函數都是一個閉包。不過一般來説,嵌套的function產生的閉包更為強大,也是大部分時候我們所説的“閉包”。看如下...
-
win2008 ASP顯示500內部錯誤不能顯示詳細錯誤的解決方法
在win2008系統中,有用户遇到這樣的情況:網站後台顯示500內部錯誤,但是卻無法打開詳細的錯誤信息。無法查看詳細的錯誤信息,用户就不能根據具體問題來解決了,這是一件很麻煩的事情。其實用户可以通過修改win2008系統中的IIS設置來顯示這個詳細的錯誤信息。一、造成50...
-
學習JavaScript的7個理由
為什麼要學習JavaScript?學習JavaScript對我們的工作有什麼幫助麼?下面YJBYS小編為大家講解!需求我之所以這樣説的主要原因是,隨着JavaScript的日漸成熟,以及方案變得越來越可行,我們對JavaScript程序員的需求正在持續增長。JavaScript在需求比例上已經超過了C#,僅...