0.5.x/test/pettanr.xsl

   1 <?xml version="1.0" encoding="UTF-8"?>\r
   2 <xsl:stylesheet version="1.0" xmlns:xsl="http://www.w3.org/1999/XSL/Transform" \r
   3     xmlns="http://www.w3.org/1999/xhtml"> \r
   4     <xsl:output \r
   5         omit-xml-declaration="no" \r
   6         encoding="utf-8" \r
   7         method="html" \r
   8         version="1.0" \r
   9         doctype-public="-//W3C//DTD HTML 4.01 Transitional//EN" \r
  10         doctype-system="http://www.w3.org/TR/html4/loose.dtd" \r
  11         indent="yes" /> \r
  12     <xsl:template match="/">\r
  13         <xsl:apply-templates/>\r
  14     </xsl:template>\r
  15 \r
  16 <xsl:template match="comic">\r
  17         <html xmlns:v="urn:schemas-microsoft-com:vml">\r
  18                 <head>\r
  19                         <meta http-equiv="content-type" content="text/html; charset=UTF-8" />\r
  20                         <meta http-equiv="Content-Style-Type" content="text/css" />\r
  21                         <meta http-equiv="imagetoolbar" content="no" />\r
  22                         <meta name="description">\r
  23                                 <xsl:attribute name="content">\r
  24                                         <xsl:value-of select="@description" />\r
  25                                 </xsl:attribute>\r
  26                         </meta>\r
  27                         <title>\r
  28                     <xsl:if test="@subtitle">\r
  29                         <xsl:value-of select="concat(@episode,' | ')"/>\r
  30                     </xsl:if>\r
  31                                 <xsl:value-of select="@title" />\r
  32                     <xsl:if test="@author">\r
  33                         <xsl:value-of select="concat(' | ',@author)"/>\r
  34                     </xsl:if>\r
  35                         </title>\r
  36                         <link rel='index' title='index | pettanR' href='http://pettanr.sourceforge.jp/index.html' />\r
  37                         <link rel='start' title='pettanR' href='http://pettanr.sourceforge.jp/' />\r
  38                         <link rel="stylesheet" type="text/css" href="../stylesheets/common.css" />\r
  39                         <link rel="stylesheet" type="text/css" href="pettanr.css" />\r
  40                 </head>\r
  41                 <body>\r
  42                         <div id="general-content">\r
  43                                 <div id="outer-wrapper">\r
  44                                         \r
  45                                         <div id="header">\r
  46                                                 <div class="base-content-width" style="position:relative;">\r
  47                                                         <h1><a href="http://pettanr.sourceforge.jp/">pettanR</a></h1>\r
  48                                                         <div id="global-navi">\r
  49                                                                 <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
  50                                                         </div>\r
  51                                                 </div>\r
  52                                         </div>\r
  53                                         \r
  54                                         <div id="inner-wrapper" class="base-content-width">\r
  55                                                 <div id="main">\r
  56                                                         <div id="breadcrumb"><a href="index.html">テスト インデックス</a> &gt; xml テスト</div>\r
  57                                                         <h2><xsl:value-of select="@title" /></h2>\r
  58                                                         <h3><xsl:value-of select="@episode" /></h3>\r
  59                                                         <p class='author'>author:<xsl:value-of select="@author" /></p>\r
  60                                                         <div id="panelContainer">\r
  61                                                                 <xsl:attribute name="style">\r
  62                                                                         <xsl:value-of select="concat('width:',@w,'px;')"/>\r
  63                                                                 </xsl:attribute>\r
  64                                                                 \r
  65                                                                 <xsl:apply-templates/>\r
  66                                                         </div>\r
  67                                                 </div>\r
  68                                         </div>\r
  69                                 </div>\r
  70                         </div>\r
  71                         \r
  72                         <div id="footer-content"><!-- #BeginLibraryItem "/Library/footer.lbi" -->\r
  73 \r
  74         <div id="footer">\r
  75             <div id="footer-item-container" class="base-content-width clearfix">\r
  76                 <div class="footer-item-wrapper">\r
  77                     <div class="footer-item">\r
  78                         <h2>ぺったんR にようこそ</h2>\r
  79                         <ul>\r
  80                             <li>サンプル</li>\r
  81                             <li>ぺったんRの特徴</li>\r
  82                             <li>沿革</li>\r
  83                         </ul>\r
  84                         <h2>Test</h2>\r
  85                         <ul>\r
  86                             <li><a href="../test/index.html">Test Index</a></li>\r
  87                         </ul>\r
  88                     </div>\r
  89                 </div>\r
  90                 <div class="footer-item-wrapper">\r
  91                     <div class="footer-item">\r
  92                         <h2>ドキュメント</h2>\r
  93                         <ul>\r
  94                             <li><a href="http://sourceforge.jp/projects/pettanr/wiki/ForAuthors" rel="me" target="_blank">作家向けドキュメント</a></li>\r
  95                             <li>絵師向けドキュメント</li>                                                     \r
  96                             <li><a href="http://sourceforge.jp/projects/pettanr/wiki/ForDevelopers" rel="me" target="_blank">開発者向けドキュメント</a></li>\r
  97                             <li><a href="http://sourceforge.jp/projects/pettanr/wiki/ForWebmasters" rel="me" target="_blank">編集長向けドキュメント</a></li>\r
  98                         </ul>\r
  99                     </div>\r
 100                 </div>\r
 101                 <div class="footer-item-wrapper">\r
 102                     <div class="footer-item">\r
 103                         <h2>プロトタイプ</h2>\r
 104                         <ul>\r
 105                             <li><a href="http://pettanr.heroku.com/" rel="me" target="_blank">pettanr.heroku.com</a></li>\r
 106                             <li><a href="../work.html" rel="console">ユーザーコンソール</a></li>\r
 107                         </ul>\r
 108                         <h2>Ajax contents</h2>\r
 109                         <ul>\r
 110                             <li><a href="jp.xml">help | jp</a></li>\r
 111                         </ul>\r
 112                     </div>\r
 113                 </div>\r
 114                 <div class="footer-item-wrapper" style="width:170px;">\r
 115                     <div class="footer-item" style="padding-right:0;">\r
 116                         <h2>ぺったんRチーム</h2>\r
 117                         <ul>\r
 118                             <li>わたしたちについて</li>\r
 119                             <li>ミッション</li>\r
 120                             <li><a href="../diary/itozyun.xml">itozyun's diary</a></li>\r
 121                             <li>個人情報保護方針</li>\r
 122                             <li>作品の取り扱い</li>\r
 123                             <li>お問い合わせ</li>\r
 124                         </ul>\r
 125                     </div>\r
 126                 </div>\r
 127             </div>\r
 128             <div id="copyright">Copyright (c) <xsl:value-of select="/comic/@author" />, comic publishing system 'pettanR' is powered by pettanR team.</div>\r
 129         </div><!-- #EndLibraryItem --></div>\r
 130                         <script type="text/javascript" src="../javascripts/common.js"></script>\r
 131                 </body>\r
 132         </html>\r
 133 </xsl:template>\r
 134 \r
 135     <xsl:template match="panel">\r
 136         <div class="panel-wrapper">\r
 137                         <xsl:for-each select=".">\r
 138                                 <div class="panel">\r
 139                                         <xsl:variable name="height" select="concat('height:',@h,'px;')" />\r
 140                                         <xsl:variable name="bgcolor" select="concat('background-color:',@bgcolor,';')" />\r
 141                                         <xsl:attribute name="style">\r
 142                                                 <xsl:value-of select="concat($height,$bgcolor)"/>\r
 143                                         </xsl:attribute>\r
 144                                         <xsl:apply-templates/>\r
 145                                 </div>\r
 146                         </xsl:for-each>\r
 147                         <xsl:for-each select="./picture">\r
 148                                 <xsl:if test="@name">\r
 149                                         \r
 150                                         <div class="tooltip-container">\r
 151                                                 <xsl:comment><![CDATA[[if lte IE 6]><a href="#"><table><tr><td><![endif]]]></xsl:comment>\r
 152                                                 <img src="4x4.gif" class="image-shadow"><!-- 当初divで書いていたら、ie5.5～8で正しくレンダリングできない。なぜかDomが狂う、、、xsl:attribute name="style"が頭にきたせい? -->\r
 153                                                         <xsl:attribute name="width">\r
 154                                                                 <xsl:value-of select="@w"/>\r
 155                                                         </xsl:attribute>\r
 156                                                         <xsl:attribute name="height">\r
 157                                                                 <xsl:value-of select="@h"/>\r
 158                                                         </xsl:attribute>\r
 159                                                         <xsl:attribute name="style">\r
 160                                                                 <xsl:value-of select="concat('left:',@x,'px;','top:',@y,'px;')"/>\r
 161                                                         </xsl:attribute>\r
 162                                                 </img>\r
 163                                                 <dl class="tooltip">\r
 164                                                         <xsl:attribute name="style">\r
 165                                                                 <xsl:value-of select="concat('margin-left:',position(),'9px;left:',/comic/@w,'px;','top:',@y,'px;')"/><!-- 要素が完全に重なることを防ぐためにposition()で要素のindexを取ってmargin-leftしている -->\r
 166                                                         </xsl:attribute>\r
 167                                                         <dt>作品名</dt>\r
 168                                                         <dd><xsl:value-of select="@name" /></dd>\r
 169                                                         <dt>作者</dt>\r
 170                                                         <dd><xsl:value-of select="@author" /></dd>\r
 171                                                         <dt>サイト</dt>\r
 172                                                         <dd><xsl:value-of select="@site" /></dd>\r
 173                                                 </dl>\r
 174                                                 <xsl:comment><![CDATA[[if lte IE 6]></td></tr></table></a><![endif]]]></xsl:comment>\r
 175                                         </div>\r
 176                                         \r
 177                                 </xsl:if>\r
 178                         </xsl:for-each>\r
 179                 </div>\r
 180     </xsl:template>\r
 181 \r
 182     <xsl:template match="picture">\r
 183                 <xsl:for-each select=".">\r
 184                         <img>\r
 185                                 <xsl:attribute name="src">\r
 186                                         <xsl:value-of select="@url"/>\r
 187                                 </xsl:attribute>\r
 188                                 <xsl:attribute name="width">\r
 189                                         <xsl:value-of select="@w"/>\r
 190                                 </xsl:attribute>\r
 191                                 <xsl:attribute name="height">\r
 192                                         <xsl:value-of select="@h"/>\r
 193                                 </xsl:attribute>\r
 194                                 <xsl:variable name="left" select="concat('left:',@x,'px;')" />                          \r
 195                                 <xsl:variable name="top" select="concat('top:',@y,'px;')" />    \r
 196                                 <xsl:attribute name="style">\r
 197                                         <xsl:value-of select="concat($left,$top)"/>\r
 198                                 </xsl:attribute>\r
 199                         </img>\r
 200                 </xsl:for-each>         \r
 201     </xsl:template>\r
 202 \r
 203     <xsl:template match="balloon">\r
 204                 <xsl:for-each select=".">\r
 205                         <img>\r
 206                         <xsl:variable name="type">\r
 207                             <xsl:if test="contains(@type,'0')">../system_pictures/_w</xsl:if>\r
 208                             <xsl:if test="contains(@type,'1')">../system_pictures/think</xsl:if>\r
 209                         </xsl:variable>\r
 210                                 <xsl:attribute name="src">\r
 211                                         <xsl:value-of select="concat($type,@tail,'.gif')"/>\r
 212                                 </xsl:attribute>\r
 213                                 <xsl:attribute name="width">\r
 214                                         <xsl:value-of select="@w"/>\r
 215                                 </xsl:attribute>\r
 216                                 <xsl:attribute name="height">\r
 217                                         <xsl:value-of select="@h"/>\r
 218                                 </xsl:attribute>\r
 219                                 <xsl:variable name="left" select="concat('left:',@x,'px;')" />                  \r
 220                                 <xsl:variable name="top" select="concat('top:',@y,'px;')" />\r
 221                                 <xsl:attribute name="style">\r
 222                                         <xsl:value-of select="concat($top,$left)"/>\r
 223                                 </xsl:attribute>\r
 224                         </img>\r
 225                         \r
 226                         <div class="speach">\r
 227                                 <xsl:variable name="width" select="concat('width:',@w,'px;')" />                        \r
 228                                 <xsl:variable name="height" select="concat('height:',@h,'px;')" />\r
 229                                 <xsl:variable name="left2" select="concat('left:',@x,'px;')" />                 \r
 230                                 <xsl:variable name="top2" select="concat('top:',@y,'px;')" />   \r
 231                                 <xsl:variable name="fontsize">\r
 232                             <xsl:if test="@size">\r
 233                                 <xsl:value-of select="concat('font-size:',@size,'px;')"/>\r
 234                             </xsl:if>\r
 235                                 </xsl:variable>\r
 236                                 <xsl:variable name="fontbold">\r
 237                             <xsl:if test="@bold">font-weight:bold;</xsl:if>\r
 238                                 </xsl:variable>\r
 239                                 <xsl:attribute name="style">\r
 240                                         <xsl:value-of select="concat($width,$height,$top2,$left2,$fontsize,$fontbold)"/>\r
 241                                 </xsl:attribute>\r
 242                                 <xsl:comment><![CDATA[[if lte IE 7]><table><tr><td><![endif]]]></xsl:comment>\r
 243                                         <span>\r
 244                                         <xsl:apply-templates/>\r
 245                                         </span>\r
 246                                 <xsl:comment><![CDATA[[if lte IE 7]></td></tr></table><![endif]]]></xsl:comment>\r
 247                         </div>\r
 248                 </xsl:for-each>         \r
 249     </xsl:template>\r
 250 \r
 251 </xsl:stylesheet>