發表文章

目前顯示的是 3月, 2013的文章

【CSS】判斷瀏覽器的不同加載不同CSS

瀏覽器的相容性問題,經常困擾著網頁設計師,而不同的瀏覽器對於CSS支援也不同,可配合條件註解的方式,去判斷瀏覽器,以讀取適合的CSS檔案。 語法︰ <!--[if IE 6]>       //IE瀏覽器版本6                      <link rel="stylesheet" href="css/styleIE6.css" type="text/css" media="screen"/> <![endif]--> <!--[if IE 7]>       //IE瀏覽器版本7  <link rel="stylesheet" href="css/styleIE7.css" type="text/css" media="screen"/> <![endif]--> <!--[if IE 8]>      //IE瀏覽器版本8 <link rel="stylesheet" href="css/styleIE8.css" type="text/css" media="screen"/> <![endif]--> <!--[if IE 9]>       //IE瀏覽器版本9 <link rel="stylesheet" href="css/styleIE9.css" type="text/css" media="screen"/> <![endif]--> <!--[if !IE]> -->   //瀏覽器 不是 IE <link rel="stylesheet" href="css/style.css" type="text/css" media="screen"/> <!-- ...

【ASP.NET】VB、C#在同一個專案內共用VB/C#類別

圖片
● 首先,在Web.Config中<system.web></system.web>加入以下語法 ● 在App_Code中分別建立兩個資料夾VB跟CSharp。接著並針對VB、CSharp各建立一個類別(僅供參考Class1.cs及Class2.vb) ● Class1.cs程式碼(僅供參考) ● Class2.vb程式碼(僅供參考) ● 最後,呼叫部份分別針對VB、CSharp各建立一個Aspx頁面(僅供參考Default.aspx及Default2.aspx) ● CSharp呼叫vb類別頁面(僅供參考Default.aspx及Default.aspx.cs) ● vb呼叫CSharp類別頁面(僅供參考Default2.aspx及Default2.aspx.vb)

【JQuery】Table折疊使用滑動slideDown&slideUp效果

圖片
使用JQuery前,需要引用Jquery元件。 HTML 頁面(參考)︰ <table width="800" border="1" align="center" cellpadding="1" cellspacing="1" bordercolor="#CCCCCC">  <tr bgcolor="#CCCCCC">   <!--(主)標題 -->     <td width="20"></td>  <td width="21">NO.</td>     <td width="160">Company Name</td>     … 省略 …  </tr>  <tr>     <!--(主)內容 --> <td>< a href=" #tr1 ">+</a></td>     … 省略 …  </tr> <tr> <td colspan="9" class="content">                         <div id=" tr1 "  style="display:none;">   <!--控制細項顯示與隱藏 -->           <table width="732" border="1" cellpadding="1" cellspacing="1" bordercolor="#CCCCCC">             <tr bgcolor="#009900" style="color:#FFFFFF; "...

【JavaScript】判斷瀏覽器類型

網頁設計中經常會遇到相同的HTML元件定義在不同瀏覽器下,顯示結果會不一致,為了要達到版面一致化。 必須針對各個瀏覽器做判斷及各別定義HTML元件屬性。判斷瀏覽器做法很多種,有的是用CSS方式做判斷,本篇先介紹用Javascript方式。 <!--偵測 Browser function detectBrowser (){  var sAgent = navigator.userAgent.toLowerCase();  this.isIE = (sAgent.indexOf("msie")!=-1); //IE6.0-7  this.isFF = (sAgent.indexOf("firefox")!=-1); //firefox  this.isSa = (sAgent.indexOf("safari")!=-1); //safari  this.isOp = (sAgent.indexOf("opera")!=-1); //opera  this.isNN = (sAgent.indexOf("netscape")!=-1); //netscape  this.isCh = (sAgent.indexOf("chrome")!=-1); //chrome  this.isMa = this.isIE; //marthon  this.isOther = (!this.isIE && !this.isFF && !this.isSa && !this.isOp && !this.isNN && !this.isSa); //unknown Browser } // --> //check Browser var oBrowser = new detectBrowser (); if (oBrowser.isIE) {  alert("IE6.0/7.0(or above version).");   } if (oBrowser.isSa && !oBrowser.isCh) {  alert("Safari....

【ASP】建立自己專屬驗證碼(CAPTCHA)

圖片
首先,先到 http://www.tipstricks.org/ 造訪,挑選自己喜歡的風格及規則,最後並下載。 如下圖(參考): 接著在網頁上開始引用。 Javascript部分:(此功能為重新產生驗證碼圖片) <script type="text/javascript" language="javascript">         function RefreshImage(valImageId) {             var objImage = document.getElementById(valImageId)             if (objImage == undefined) {                 return;             }             var now = new Date();             objImage.src = objImage.src.split('?')[0] + '?x=' + now.toUTCString();         } </script> HTML部分: <img src=" /captcha/captcha.asp " id=" imgCaptcha " />&nbsp; <a...