Solution:
choose Edit->Preferences->Behaviour->Always open in browser window.
編輯-> 偏好設定->運作方式->總是以瀏覽視窗開啟
2013年5月28日 星期二
2013年5月10日 星期五
XSLT - eXtensible Stylesheet Language Transformations
1. Description:
Here we demonstrate a simple data.xml, and a showing transformation file of the xslt, then you can using browser to open the data.xml, browser will transform XML into HTML, before it is displayed by a browser.2. Code of data.xml
---------------------------------------------------
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<?xml-stylesheet type="text/xsl" href="data_xslt_test.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Hide your heart</title>
<artist>Bonnie Tyler</artist>
<country>UK</country>
<company>CBS Records</company>
<price>9.90</price>
<year>1988</year>
</cd>
<!-- Edited by XMLSpy® -->
<?xml-stylesheet type="text/xsl" href="data_xslt_test.xsl"?>
<catalog>
<cd>
<title>Empire Burlesque</title>
<artist>Bob Dylan</artist>
<country>USA</country>
<company>Columbia</company>
<price>10.90</price>
<year>1985</year>
</cd>
<cd>
<title>Hide your heart</title>
<artist>Bonnie Tyler</artist>
<country>UK</country>
<company>CBS Records</company>
<price>9.90</price>
<year>1988</year>
</cd>
</catalog>
--------------------------------------------------- Be carefully, this data.xml will refereence the style sheet of href="data_xslt_test.xsl"
---------------------------------------------------
file of xslt of data_xslt_test.xsl
<?xml version="1.0" encoding="ISO-8859-1"?>
<!-- Edited by XMLSpy® -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
<!-- Edited by XMLSpy® -->
<xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform">
<xsl:template match="/">
<html>
<body>
<h2>My CD Collection</h2>
<table border="1">
<tr bgcolor="#9acd32">
<th>Title</th>
<th>Artist</th>
</tr>
<xsl:for-each select="catalog/cd">
<tr>
<td><xsl:value-of select="title"/></td>
<td><xsl:value-of select="artist"/></td>
</tr>
</xsl:for-each>
</table>
</body>
</html>
</xsl:template>
3. Open the data.xml with firefox
firefox data.xml
Reference:
2013年5月8日 星期三
IE Conditional Comments
Following is from the http://haslayout.net/condcom, more detail can reference it
Overview
IE Conditional Comments (or condcom for short) are special comments that enable authors to use the instructions that only Internet Explorer 5.0 and above on Windows platform will see.
Various types of conditional comments
- Regular comment:
<!--This is a comment-->- IE conditional comment:
<!--[if IE]> <![endif]-->- Reversed anti-IE comment:
<!--[if !IE]>-->non-IE HTML Code<!--<![endif]-->- Reversed IE conditional comment (rarely needed):
<!--[if ! lt IE 7]> <![IGNORE[--> <![IGNORE[]]>Code for browsers that match theifcondition<!--<![endif]-->In a nutshell, any browser except Internet Explorer on a Windows platform will treat conditional comment as a regular HTML comment. You cannot use condcoms in the CSS code itself. IE conditional comments are useful for hiding or revealing the code to IE, which in turn allows authors to use CSS "hacks" in a more appropriate fashion.
IE9 compatible mode
Problem:
When you written in web page, if you have some CSS3 code, but the IE9 browser open page using the quirk mode, and you will miss the your style,
how do you setting the IE9 browser to standard mode??
Solution:
(a) Before html, you can type the doctype<!DOCTYPE html>
(b) in <head> </head> tag, adding the
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE9">Reference:
DOCTYPE & Quirks Mode
Internet Explorer 9 (IE9) 的相容性檢視
訂閱：
文章 (Atom)