JavaScript

AJAX

• Adobe Spry
  • Dreamwaver SPRY – AccordionPanel Template
  • Dreamwaver SPRY – Tabbed Panels Template
  • Dreamwaver SPRY – Textfield Validation Template
  • Dreamwaver SPRY – Widget MenuBar Template
• AJAX 基本 Template
• AJAX Template (連結 PHP + MySQL Database)
• AJAX Template (Drop Down Menu / 連結 PHP + MySQL Database)
• AJAX Template (List Menu)
• PHP + JavaScript DOM + AJAX 做出 ASP.NET 近似 GridView Update / Delete 效果 既 方法

AngularJS

• AngularJS Rest Client API
• AngularJS Rest Client API + WCF CORS (Cross-Origin Resource Sharing) Restful Services

CSS3

• CSS3 Reference
• CSS3 文字陰影
• CSS3 圓角
• CSS Remove Horizontal Scrollbar / Veritical Scrollbar
• CSS Position Relative 移除空白位置
• CSS Remove Image Link 邊框
• CSS3 靚仔圓角 Textbox Submit Form
• CSS 靚仔 Textbox Submit Form
• CSS Position Relative / Absolute 使用方法
• CSS3 靚仔圓角 Panel
• CSS3 Background 顏色漸色 Gradient 框架
• CSS3 圓角 漸變 Button
• CSS3 Shadow 使用方法
• CSS3 div rotate 使用方法
• CSS 網頁 align center
• CSS – Media Query ( Show Hide Table Column )
• CSS – assign Height 100%

HTML

• 避免 Table Border 於 Firefox / Internet Explorer 顯示不同效果
• iframe 使用方法
• CSS Padding / Width ( Textbox Type / SelectBox Type ) – Solution on Different Behavior on IE 9 & Chrome & Firefox

HTML5

• Canvas
  • HTML5 Canvas Crop 圖
• Database / SQLite
  • HTML5 Database ( Open Database / Table + Insert ) + SQLite 使用方法
  • HTML5 Database 清除舊有既 Table Cache 方法
  • HTML5 取得 SQLite 上資料
• JavaScript
  • HTML5 + JavaScript div Attribute 控制
• Media
  • HTML5 Video 使用方法 / 支援格式
  • HTML5 Audio 使用方法 / 支援格式
• Mobile
  • ComponentArt UI .NET
    • ComponentArt UI .NET ( HTML5 / XAML ) 下載
  • jQuery Mobile / JavaScript
    • jQuery Mobile – Header Bar / Footer Bar 使用方法
    • jQuery Mobile – Navigation Bar 使用方法
    • JavaScript – Mobile Orientation Detection
    • jQuery Mobile – Custom Design Style ( ThemeRoller )
  • jQtouch / JavaScript
    • JQTouch 下載
    • JavaScript – Mobile Orientation Detection
  • Mobile Device Browser File
    • MDBF – Mobile Device Browser File API 下載
  • Media Query
    • CSS – Media Query ( Show Hide Table Column )
  • Sencha Touch
    • Sencha Touch 2.0 下載
    • Sencha Touch 2 – Document
• HTML5 可以更改既 <div> Region
• HTML5 Prompt() MessageBox 使用方法
• HTML5 Details + Summary 使用方法

HTML / JS Template

• Menu Template
• Menu + Sub Menu Template
• Menu + Sub Menu Template (2)
• Menu + jQuery Accordion Template
• jQuery Tab Template
• jQuery Feature List Template
• jQuery Feature List Template (2)
• jQuery Feature List Template (3)
• jQuery AccordionPanel Template
• jQuery AccordionPanel Template (2)
• jQuery AccordionPanel Template (3)
• jQuery AccordionPanel Template (4)
• jQuery Slide Down Box Template
• CSS3 圓角 Textbox Template
• jQuery + JavaScript Photo Slider
• jQuery + JavaScript Photo Slider (2)
• jQuery + JavaScript News Message Slider
• jQuery + JavaScript 文字 Slider Template
• 靚仔 Drop Down List Template
• jQuery + JavaScript Vertical Menu Template
• jQuery + JavaScript Popup Panel Template (背景黑晒)
• jQuery + JavaScript Popup Panel Template (背景黑晒) 2
• jQuery + JavaScript Menu + Layout Box Template
• CSS – Media Query ( Show Hide Table Column )
• jQuery UI – Draggable & Droppable ( Multiple Table Column & Cancel : Revert Position ) 方法
• HTML + jQuery – Page with Multiple Form + JavaScript Form Post Design Pattern
• jQuery Multiple SelectBox + jQuery AJAX Post + ASP.NET MVC JSONAction 方法
• ASP.NET MVC + jQuery – SelectBox with ( Show Common / Show All ) Option
• ASP.NET MVC + jQuery BlockUI – AJAX HttpReqest + Page Loading Handling
• jQuery – HTML Control Customized Attribute
• jQuery – Auto Binding Event Handler Function on Dynamically Created Elements
• ASP.NET MVC 5 + Web API + jQuery BlockUI – TextBox + Popup Search Form with Web API Restful Search
• Bootstrap – Twitter Bootstrap 3.2.0 Callout CSS Styles
• jQuery Multiple AJAX & Wait for All Complete & BlockUI Handling
• jQuery – Generic AJAX Function
• jQuery – Button Click + Modal Template
• jQuery Elasticlunr.js – JSON Full Text Search
• jQuery – Sort JavaScript Object Array by Property Name Parameter
• Java Script + Regular Expression – Input Format Validation
• Colorbox
  • jQuery + JavaScript Lightbox ( Colorbox ) w/AJAX Template
  • jQuery Lightbox ( Colorbox ) Plugin – Border Issue

JavaScript / jQuery

• CSS
  • jQuery + PHP + 單雙行 Table Background Style
• JavaScript
  • Browser Performance
    • Browser – Browser Performance on JavaScript + Restful
  • Timer
    • JavaScript setInterval Timer 使用方法
    • JavaScript setTimeout Timer 使用方法
    • JavaScript Timer + 轉換 Table Background Color
  • JavaScript Redirect Page
  • JavaScript + Windows Media Player Control 使用方法
  • JavaScript HTML Control Attribute 更改方法
  • JavaScript Get URL Query
  • JavaScript GetElementById 更改 InnerHTML 或 Style (Display) 方法
  • JavaScript getElementsByClass 方法
  • JavaScript DOM childNodes 及 parentNode 使用方法
  • HTML5 + JavaScript div Attribute 控制
  • JavaScript getElementById Table 文字 / Textbox 轉換 style (display) 方法
  • JavaScript Div Tag 內增加 Child Tag
  • JavaScript Table Tag 內增加 tr 及 td Child Tag
  • JavaScript form Tag 內增加 input Child Tag
  • PHP + JavaScript DOM + AJAX 做出 ASP.NET 近似 GridView Update / Delete 效果 既 方法
  • JavaScript DOM Select Option 增加 / 選擇 / 移除 使用方法
  • JavaScript 得到 Browser Width 及 Browser Height
  • JavaScript Browser Check
  • JavaScript 建立 / 檢查 / 刪除 Cookies
  • JavaScript 檢查 String 內是否 Integer
  • JavaScript Array 使用方法
  • JavaScript – Define Prototypes
• jQuery
  • AJAX
    • jQuery AJAX GET Template
    • jQuery AJAX GET Template 2
    • jQuery AJAX POST Template
    • jQuery GET Method (近似 AJAX 效果)
    • jQuery AJAX or AJAX Issue – IE 9 about Avoiding Data Caching
    • jQuery – Generic AJAX Function
  • Attribute
    • jQuery Visible 檢查 / 轉換 使用方法
    • jQuery Tag Attribute 控制 (Mouseover / Mouseout 換圖)
    • jQuery Attribute 使用方法
    • jQuery 取回 HTML Control 自己 既 ID 或 其他 Attribute
    • jQuery Assign HTML Control Width / Height
    • jQuery – 特定 Tag 內既 innerhtml 更改 (因不同 Event 而轉變)
    • jQuery Opacity
  • CSS
    • jQuery 增加 CSS Style 使用方法
    • jQuery 更改 CSS Class 使用方法
    • jQuery Visible 檢查 / 轉換 使用方法
    • jQuery Assign HTML Control Width / Height
    • jQuery Opacity
  • Effect
    • jQuery FadeIn / FadeOut 使用方法
    • jQuery SlideUp + Show 使用方法
    • jQuery SlideDown + Hide 使用方法
    • jQuery Toggle 使用方法
    • jQuery Animate 使用方法
    • jQuery Opacity
    • jQuery – 中間 Pop Up Div Box / 背景黑晒
    • jQuery – 中間 Pop Up Div Box / 背景黑晒 2
    • jQuery – <li> list slideUp slideDown
  • Form
    • jQuery DropDownList OnChange 使用方法
    • jQuery Focus 使用方法 (1)
    • jQuery Focus 使用方法 (2)
    • jQuery Form Submit 方法
    • jQuery Validation 後 停止 Web Form Post Submit
    • jQuery Form / Textbox e-mail Validation 使用方法
    • jQuery Blur (HTML Control Lost Focus) 使用方法
    • jQuery Validate 使用方法
    • jQuery Web Form File Size 檢查方法
  • Data Presentation
    • jQuery – Sorting JSON Object Array with Other Function Parameter
    • jQuery – Filtering JSON Object from JSON Array with Specific Properties Value
  • Plugin Development
    • jQuery Lightbox Plugin – Self Development
  • jQuery 基本 Template
  • jQuery + ASP.NET + 換圖
  • jQuery Table Row Drag & Drop
  • jQuery Client OS & Client Browser Detection Plugin
  • ASP.NET + jQuery 出現 Mistake : Visual Studio 2008 jQuery Intellisense – Error updating JScript IntelliSense: Object doesn’t support this property
  • JQuery 混合 PHP 使用方法 – 1
  • jQuery JSON + URL Parameter 使用方法
  • jQuery 以 span 轉成 Hyperlink 使用方法
  • jQuery .Text() 使用方法
  • jQuery Index 使用方法
  • jQuery ScrollTop 使用方法
  • jQuery bind / unbind – Trigger Event 使用方法
  • jQuery + JavaScript + Timer 功能 使用方法
  • jQuery Browser Check 使用方法
  • jQuery SelectBox Change Event + AJAX HttpRequest – Slow UI Response on IE 9 / 10 / 11 Browser ( Solution )
• jQuery UI
  • jQuery UI – Dialog / Draggable Template
  • jQuery UI – Accordion Template
  • jQuery UI Tab – Customized Function ( Number of Tab, Remove Tab, Add Tab with Inner Content Parameter, Add Tab with IFrame Url )
• JavaScript / jQuery 插件
  • jQuery dataTables
    • jQuery dataTables Plugin
  • jQuery 圖片播放 / Popup Box – FancyBox
  • jQuery UI – Autocomplete
  • jQuery 日曆 插件 – FullCalendar
  • jQuery 圖片 SlideShow – jQuery Cycle
  • jQuery 圖片 SlideShow – Step Carousel Viewer
  • jQuery 圖片 SlideShow – jCarousel Lite
  • jQuery – Automatic Image Montage
  • jQuery Web 介面 UI – jQuery UI
  • jQuery 文字 Scroll – QScroller
  • jQuery 文字 Slider – LoopedSlider
  • jQuery Loading – nimbleLoader
  • jQuery Tabs
  • jQuery Pagination – Easy Paginate
  • jQuery Pagination – jPaginate
  • jQuery Feature List Slider – Lof JSliderNews 1.0
  • jQuery Audio Player – miniAudioPlayer
  • jQuery Canvas – Liquid Canvas
  • jQuery Color Picker – Color Picker
  • jQuery Animation Menu – LavaLamp
  • jQuery Scrollbar – Custom Content Scroller
  • jQuery Scrollbar – Tiny Scrollbar
  • jQuery 圖片 Slider – Nivo Slider
  • jQuery Crop 圖 – Jcrop
  • jQuery Star Rating Plugin
  • jQuery – tinyMap ( Google Map Web Embed )
  • JavaScript Thumbnail Viewer – Highslide JS
  • JavaScript Popups Box – ModalBox
  • jQuery highlight.js – Syntax highlighting for the Web
  • JavaScript Clipboard ( Copy & Paste ) Library

Node.js

• Configuration
  • Node.js – HelloWorld on Windows Edition
  • Node.js – Development Environment ( Project ) Establish
  • Node.js – Initialize the Environment & Library from Windows Server 2012 R2
• Development
  • Node.js – HelloWorld on Windows Edition
  • Node.js – Development Environment ( Project ) Establish
  • Node.js – Initialize the Environment & Library from Windows Server 2012 R2

ReactJS

• Deploy React Application to IIS
• Spring Boot CORS setting for React Axios AJAX
• React – append element by code / append element by HTML
• React Fetch AJAX
• Run NPM scripts in Visual Studio Code with a Single Click
• React – define inline style
• using setTimeout from React
• Spring Boot & React Axios AJAX Post
• React – Form Post – Hook + useState
• React – setState not updated immediately – console log execution result solution
• React – useForm ( react-hook-form ) + Axios form post
• React – Axios form post to Spring Boot class model parameter
• React – useForm ( react-hook-form ) form post with field validation handling
• React – useForm ( react-hook-form ) – reset / clear form values and clear errors message
• React – Constant File Handling
• React and Spring Boot development environment preparation
• React – useForm ( react-hook-form ) + Yup form post with field validation handling
• React – Yup with customized field validation handling
• React – import framework function from external js file ( for reuse multiple )
• React – Material UI button is not shown
• React – React Bootstrap + useForm ( react-hook-form ) + yup ( form post validation )
• React – React Bootstrap Modal => to prepare Popup Box