0.3.0/work.html

   1 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">\r
   2 <html xmlns:v="urn:schemas-microsoft-com:vml">\r
   3     <head>\r
   4         <meta http-equiv="Content-Type" content="text/html; charset=utf-8">\r
   5             <meta http-equiv="Content-Language" content="ja">\r
   6             <meta http-equiv="Content-Script-Type" content="text/javascript">\r
   7             <meta http-equiv="Content-Style-Type" content="text/css">\r
   8             <meta http-equiv="imagetoolbar" content="no">\r
   9         <title>pettanR Js Editor</title>\r
  10                 <link rel="stylesheet" type="text/css" href="common.css">\r
  11                 <link rel="stylesheet" type="text/css" href="work.css">\r
  12     </head>\r
  13     <body>\r
  14         <!--[if lt IE 9]>\r
  15                 <script type="text/javascript">\r
  16                                 (function(){\r
  17                                         var     b = document.body || (function(){document.write('&lt;body&gt;');return document.body;})(),\r
  18                                                 x = (function(){\r
  19                                                         try {var t = new ActiveXObject('DXImageTransform.Microsoft.gradient');}catch(e){}\r
  20                                                         return 'h2c-ActiveX-' +( t ? 'enabled' : 'disabled');\r
  21                                                 })();\r
  22                                         if( !b.className.match(x)) b.className += ( b.className.length === 0 ? '' : ' ') +x;\r
  23                                 })();                           \r
  24                 </script>\r
  25         <![endif]-->\r
  26                 \r
  27                 <!-- 改行コード 取得用 -->\r
  28 <form>\r
  29 <textarea id="shadowTxtarea" style="display:none;">\r
  30 \r
  31 </textarea>\r
  32 </form>\r
  33 <pre id="shadowPre" style="display:none;">\r
  34 \r
  35 </pre>\r
  36 \r
  37                 <div id="header">\r
  38                         <div class="base-content-width" style="position:relative;">\r
  39                                 <h1>pettanR</h1>\r
  40                         <!-- global navi -->\r
  41                                 <div id="global-navi">\r
  42                                         <noscript id="noscript-alert">You need to have JavaScript enabled.</noscript>\r
  43                                 </div>\r
  44                         </div>\r
  45                 </div>\r
  46                 \r
  47                 <div id="inner-wrapper" class="base-content-width">\r
  48                         <div id="main">\r
  49 \r
  50                         <!-- home -->\r
  51                                 <div id="home" style="display:block;">\r
  52                                         <h2>boot editor</h2>\r
  53                                         <a href="work.html?view=editor">Boot Editor ⇒</a>\r
  54                                                 \r
  55                                 <h3>boot editor on debug mode</h3>\r
  56                                         <h4>Reversible Image Backend test</h4>\r
  57                                 <a href="work.html?view=editor&rimg=CSS3">Boot Editor (ReversibleImageBackend is CSS3) ⇒</a><br>\r
  58                                 <a href="work.html?view=editor&rimg=VML">Boot Editor (ReversibleImageBackend is VML) ⇒</a><br>\r
  59                                 <a href="work.html?view=editor&rimg=ActiveX">Boot Editor (ReversibleImageBackend is ActiveX) ⇒</a>\r
  60                                         \r
  61                                         <h4>vector test</h4>\r
  62                                         <a href="work.html?view=editor&vector=false">Boot Editor (Vector Disabled) ⇒</a><br>\r
  63                                         \r
  64                                         <h2>ajax contents</h2>\r
  65                                         <h3>help documents</h3>\r
  66                                         <a href="help/jp.xml">help contents | jp.xml</a>\r
  67                                                 \r
  68                                         <h3>xml seo test</h3>\r
  69                                         <a href="diary/itozyun.xml">itozyn's diary</a>\r
  70                                         \r
  71                                         <h2>other</h2>\r
  72                                         <a href="sitemap/sitemap.xml">sitemap.xml</a>\r
  73                                 </div>\r
  74                                 \r
  75                         <!-- comic list -->\r
  76                                 <div id="comic-list"></div>\r
  77                                 \r
  78                         <!-- image list -->\r
  79                                 <div id="image-list"></div>\r
  80                                 \r
  81                         <!-- setting -->\r
  82                                 <div id="setting"></div>\r
  83 \r
  84                         </div>\r
  85                 </div>\r
  86                 \r
  87         <!-- Editor -->\r
  88                 <div id="editor" class="view-container">\r
  89                 <p id="key-event-log" style="margin-top: 5em;"></p>\r
  90                 <p id="history-log"></p>\r
  91                         <p id="operation-catcher-log"></p>\r
  92                         <p id="tail-log"></p>\r
  93                         <p id="window-log"></p>\r
  94                         \r
  95                 <!-- コマの背景（パターン・塗りつぶし） -->\r
  96         \r
  97                 <!-- グリッド-->\r
  98                         <div id="grid" style="display:none;"></div>\r
  99         \r
 100                 <!-- コマ要素 -->\r
 101                         <div id="comic-element-container"></div>\r
 102 \r
 103                 <!-- コマの枠の外は完全に隠さないで、半透過のレイヤーを重ねる -->\r
 104                         <div id="whiteGlass-container">\r
 105                                 <div id="whiteGlass-top"></div>\r
 106                                 <div id="whiteGlass-left"></div>\r
 107                                 <div id="whiteGlass-right"></div>\r
 108                                 <div id="whiteGlass-bottom"></div>\r
 109                         </div>\r
 110                         \r
 111                 <!-- コマの枠の表示 -->\r
 112                         <div id="panel-border">\r
 113                         <!-- コマの高さの変更ボタン -->\r
 114                                 <div id="panel-resizer-top">▲</div>\r
 115                                 <div id="panel-resizer-bottom">▼</div>\r
 116                                 \r
 117                         <!-- コミック要素のリサイザ -->\r
 118                                 <div id="comic-element-resizer-container">\r
 119                                         <div class="comic-element-resizer" id="comic-element-resizer-top"></div>\r
 120                                         <div class="comic-element-resizer" id="comic-element-resizer-left"></div>\r
 121                                         <div class="comic-element-resizer" id="comic-element-resizer-right"></div>\r
 122                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom"></div>\r
 123                                         <div class="comic-element-resizer" id="comic-element-resizer-top-left"></div>\r
 124                                         <div class="comic-element-resizer" id="comic-element-resizer-top-right"></div>\r
 125                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-left"></div>\r
 126                                         <div class="comic-element-resizer" id="comic-element-resizer-bottom-right"></div>\r
 127                                         <div id="balloon-tail-mover"></div>\r
 128                                         \r
 129                                 <!-- コミックオブジェクトコンソール -->\r
 130                                         <div id="comic-element-consol-wrapper">\r
 131                                                 <div id="comic-element-consol-tail"></div>\r
 132                                                 <div id="comic-element-consol-wrapper-when-out">\r
 133                                                         <div id="image-element-consol">\r
 134                                                                 <div id="change-image-button">⇔</div>\r
 135                                                                 <div id="layer-back-button">&lt;B</div>\r
 136                                                                 <div id="delete-image-button">x</div>\r
 137                                                                 <div id="layer-forward-button">F&gt;</div>\r
 138                                                         </div>\r
 139                                                         <div id="text-element-consol">\r
 140                                                                 <div id="edit-text-button">E</div>\r
 141                                                                 <div id="change-text-style-button">⇔</div>\r
 142                                                                 <div id="back-text-button">&lt;B</div>\r
 143                                                                 <div id="delete-text-button">x</div>\r
 144                                                                 <div id="hide-text-tail-button">x｛</div>\r
 145                                                                 <div id="forward-text-button">F&gt;</div>\r
 146                                                         </div>\r
 147                                                 </div>\r
 148                                         </div>\r
 149                                 </div>\r
 150                         </div>\r
 151 \r
 152                         <div id="window-container"></div>\r
 153                                 \r
 154 \r
 155                         <!-- layer-window -->\r
 156                         <!-- dom-console-window -->\r
 157                         <!-- post-window -->\r
 158                         <!-- wellcome-window -->\r
 159                         \r
 160 \r
 161                 <!-- メニューバー -->\r
 162                         <div id="menu-bar"></div>\r
 163                         \r
 164                 <!-- マウスオペレーションキャッチャー -->\r
 165                         <div id="mouse-operation-catcher"></div>\r
 166         \r
 167                 <!-- テンプレート -->\r
 168                         <script id="imgElementTemplete" type="text/x-jquery-tmpl">\r
 169                                 <div class="comic-element-wrapper image-element"></div>\r
 170                         </script>\r
 171                         \r
 172                         <script id="textElementTemplete" type="text/x-jquery-tmpl">\r
 173                                 <div class="comic-element-wrapper text-element">\r
 174                                         <img>\r
 175                                         <div class="speach">\r
 176                                                 <div class="speach-inner"></div>\r
 177                                         </div>\r
 178                                 </div>\r
 179                         </script>\r
 180                         \r
 181                         <script id="textElementTempleteForOldIE" type="text/x-jquery-tmpl">\r
 182                                 <div class="comic-element-wrapper text-element">\r
 183                                         <img>\r
 184                                         <div class="speach">\r
 185                                                 <table><tr><td></td></tr></table>\r
 186                                         </div>\r
 187                                 </div>\r
 188                         </script>\r
 189                         \r
 190                         <script id="imageGruopItemTemplete" type="text/x-jquery-tmpl">\r
 191                                 <div class="image-gruop-item">\r
 192                                         <img width="0" height="0">\r
 193                                         <div class="image-gruop-item-title">img-title</div>\r
 194                                 </div>                          \r
 195                         </script>\r
 196                         \r
 197                         <script id="windowTemplete" type="text/x-jquery-tmpl">\r
 198                                 <div class="window-wrapper">\r
 199                                         <div class="window-header">window title</div>\r
 200                                         <div class="window-close-button">x</div>\r
 201                                         <div class="window-body clearfix">\r
 202                                                 <div class="window-body-insert-position"></div>\r
 203                                                 <div class="window-resize-button">／</div>\r
 204                                         </div>\r
 205                                 </div>\r
 206                         </script>\r
 207                         \r
 208                 <!-- infomation-window -->\r
 209                         <script id="infomation-window" type="text/x-jquery-tmpl">\r
 210                                 <div id="panel-background-information">\r
 211                                         <div id="bg-pattern"></div>\r
 212                                         <div id="select-bg-pattern-button">pattern</div>\r
 213                                         <div id="reset-bg-pattern-button">x</div>\r
 214                                         <div id="bg-color"></div>\r
 215                                         <div id="select-bg-color-button">color</div>\r
 216                                         <div id="reset-bg-color-button">x</div>\r
 217                                         <!-- <div id="bg-pattern-x"></div>\r
 218                                         <div id="bg-pattern-y"></div>\r
 219                                         <div id="bg-pattern-repeat-x"></div>\r
 220                                         <div id="bg-pattern-repeat-y"></div> -->\r
 221                                 </div>\r
 222                         \r
 223                                 <div id="comic-element-infomation">\r
 224                                         <div id="comic-element-x">\r
 225                                                 <span class="comic-element-attribute-label">x:</span>\r
 226                                                 <span id="comic-element-x-value" class="comic-element-attribute-value editable-value">0</span>\r
 227                                         </div>\r
 228                                         <div id="comic-element-y">\r
 229                                                 <span class="comic-element-attribute-label">y:</span>\r
 230                                                 <span id="comic-element-y-value" class="comic-element-attribute-value editable-value">0</span>\r
 231                                         </div>\r
 232                                         <div id="comic-element-z">\r
 233                                                 <span class="comic-element-attribute-label">z:</span>\r
 234                                                 <span id="comic-element-z-value" class="comic-element-attribute-value editable-value">0</span>\r
 235                                         </div>\r
 236                                         <div id="comic-element-a">\r
 237                                                 <span id="comic-element-a-value" class="comic-element-attribute-value editable-value">0</span>\r
 238                                                 <span class="comic-element-attribute-label">°</span>\r
 239                                         </div>\r
 240                                         <div id="comic-element-w">\r
 241                                                 <span class="comic-element-attribute-label">w:</span>\r
 242                                                 <span id="comic-element-w-value" class="comic-element-attribute-value editable-value">0</span>\r
 243                                         </div>\r
 244                                         <div id="comic-element-h">\r
 245                                                 <span class="comic-element-attribute-label">h:</span>\r
 246                                                 <span id="comic-element-h-value" class="comic-element-attribute-value editable-value">0</span>\r
 247                                         </div>\r
 248                                         <div id="comic-element-w-percent">\r
 249                                                 <span id="comic-element-w-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
 250                                                 <span class="comic-element-attribute-label">%</span>\r
 251                                         </div>\r
 252                                         <div id="comic-element-h-percent">\r
 253                                                 <span id="comic-element-h-percent-value" class="comic-element-attribute-value editable-value">0</span>\r
 254                                                 <span class="comic-element-attribute-label">%</span>\r
 255                                         </div>\r
 256                     <div id="comic-element-keep-aspect"></div>\r
 257                                 </div>\r
 258                         </script>\r
 259 \r
 260                 <!-- toolbox-window -->\r
 261                         <script id="toolbox-window" type="text/x-jquery-tmpl">\r
 262                                 <div id="toolbox-add-image-button">add image</div>\r
 263                                 <div id="toolbox-add-text-button">add text</div>\r
 264                                 <div id="toolbox-edit-bg-button">edit bg</div>\r
 265                                 <div id="toolbox-switch-grid">grid</div>\r
 266                                 <div id="toolbox-popup-help-button">?</div>\r
 267                                 <div id="toolbox-post-button">post</div>\r
 268                         </script>\r
 269                         \r
 270                 </div>\r
 271         <!-- Editor -->\r
 272                 \r
 273                 \r
 274         <!-- オーバーレイ -->\r
 275                 <div id="overlay-container" style="display: none;">\r
 276                         <div id="overlay-shadow"></div>\r
 277                         \r
 278                 <!-- テキスト エディタ -->\r
 279                         <div id="speach-editor-wrapper">\r
 280                                 <textarea id="speach-editor"></textarea>\r
 281                                 <div id="speach-edit-complete-button" class="button">OK</div>\r
 282                         </div>\r
 283 \r
 284                 <!-- 画像グループから画像を選択 -->\r
 285                         <div id="image-gruop-wrapper">\r
 286                                 <div id="image-icon-container"></div>\r
 287                                 <div id="gruop-name-display">Group Name</div>\r
 288                                 <div id="image-gruop-button" class="button">cancel</div>\r
 289                         </div>\r
 290                         \r
 291                         <div id="overlay-close-button">x</div>\r
 292                 </div>\r
 293                 \r
 294                 <script type="text/javascript" src="common.js"></script>\r
 295                 <script type="text/javascript" src="jquery-1.6.2.min.js"></script>\r
 296                 <!-- <script type="text/javascript" src="jquery-ui-1.8.16.custom.min.js"></script> -->\r
 297                 <script type="text/javascript" src="work.js"></script>\r
 298     </body>\r
 299 </html>\r