目前分類:HTML5 (7)

瀏覽方式: 標題列表 簡短摘要

The Web SQL Database API isn't actually part of the HTML5 specification but it is a separate specification which introduces a set of APIs to manipulate client-side databases using SQL.

I'm assuming you are a great web developer and if that is the case then no doubt, you would be well aware of SQL and RDBMS concepts. If you still want to have a session with SQL then, you can go through our SQL Tutorial.

Web SQL Database will work in latest version of Safari, Chrome and Opera.

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()

通常
傳入參數是
function test(obj){
  a=obj.style.pixelLeft
  b=obj.style.pixelTop
}
*obj是網頁上的物件

但是
我認為比較好懂的方法是

function test(objID){
  var obj = document.getElementById(objID);
  a=obj.style.pixelLeft
  b=obj.style.pixelTop
}


Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()

function httpGet(theUrl){var xmlHttp =null;

    xmlHttp =newXMLHttpRequest();
    xmlHttp.open("GET", theUrl,false);
    xmlHttp.send(null);return xmlHttp.responseText;}

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()

首先說一下document對象的來歷。在瀏覽器訪問的任何一個頁面,都會在內存中以XML的形式存在一個副本,瀏覽器遵循一個內部算法將HTML轉成XML,這種XML,javascript可以直接訪問,重要的是,它可以被修改並立即在瀏覽器中實現。 
簡單的說DOM就是用來表示XML的元素,我們使用一個名為document來引用它,基於這個實例,我們可以查詢每個XML元素,即Element對象。

在WEB中,如果我們指定了某個元素的屬性「id=」,就可以使用Document對象的成員方法getElementByID()來檢索這個元素。

代碼=======================
<td>
 <IMG id ="2XSHZ" >
</td>
<script language="javascript" >
 var i = Math.random(); 
 document.getElementById("2XSHZ").src="2XSHZ.jpg?i="+i;
</script>

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()

  【實作 Server 端

所謂 Server-Sent Event 中文解釋為伺服器推送或伺服器推播,主要是用來將伺服器上的資料自動傳輸至 Client 端,使用的是 HTTP 通訊協定。首先需要 Server 端的應用程式,筆者以 ASP.NET 泛型處理常式來實作本文 Server 端的應用程式,您也可以利用 PHP、JSP 等其他 Server 端的程式語言來實作。

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()

$('body').css('background-image','url(../images/backgrounds/header-top.jpg)');

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()

Google和Apple同為HTML5的大力推手,繼Apple前陣子推出Safri專屬HTML5測試網站後,Google也推出了HTML5 Rocks網站,名稱真是取的太搖滾了!Oh Yeah!特別的是網站提供了HTML5的API原始碼,讓開發者能邊看邊玩HTML5,手癢的話還能自行修改原始碼來玩。

如果你認為HTML5 Rocks只是另一個普通的HTML5示範網站、或是測試瀏覽器網站,那就錯了,它的功能更像是教學網站,presentation頁面是以投影片展示HTML5功能,最特別的是同時也附上這些HTML5功能的API原始碼,讓開發者具體了解HTML5功能的應用案例。

Tutorials頁面則是提供了9個step by step步驟式教學,內有詳細的文字和原始碼說明,讓網頁開發者能鉅細靡遺學習使用HTML5的功能。此外在playground頁面也能叫出presentation中展示過的HTML5功能,同樣提供API原始碼讓使用者自行修改原始碼後執行API,很像在玩開發工具。

, , , , , ,

Felix 發表在 痞客邦 PIXNET 留言(0) 人氣()