add html to comic version 0.2

[pettanr/clientJs.git] / 0.4.x / test / dynamic-comic-html.html

diff --git a/0.4.x/test/dynamic-comic-html.html b/0.4.x/test/dynamic-comic-html.html
index 219c978..87602fd 100644 (file)
--- a/0.4.x/test/dynamic-comic-html.html
+++ b/0.4.x/test/dynamic-comic-html.html
@@ -12,6 +12,7 @@
        <title>js によるコミック html の動的書き出しテスト | pettanR</title>\r
        <!-- InstanceEndEditable -->\r
        <!-- InstanceBeginEditable name="head" -->\r
+       <link type="text/css" rel="stylesheet" href="../lib/syntaxhighlighter/styles/shCoreDefault.css">\r
        <!-- InstanceEndEditable -->\r
 </head>\r
 \r
@@ -63,13 +64,13 @@
                        "balloon_template_id":  1,\r
                        "system_picture_id":    1,\r
                        "size":                 1,\r
-                       "tail":                 -14,\r
+                       "tail":                 90,\r
                        "x":                    -29,\r
                        "y":                    39,\r
                        "z":                    1,\r
                        "width":                200,\r
                        "height":               160,\r
-                       "speaches_attributes":  {\r
+                       "speeches_attributes":  {\r
                                "newf1":        {\r
                                        "content":      "Hello",\r
                                        "x":            -29,\r
@@ -90,7 +91,7 @@
                                        <h3>source</h3>\r
                                        <p>pettanr.bind は pettanR コミック用の html エレメントを制作するときに使用する．外部サイト張り出し用  script や ユーザーコンソールの コミックビューワーから使われる．</p>\r
                                        <p>pettanr.bind.createBindWorker で BindWorker インスタンスを作って使用する．bind の意味は 製本 ．jQuery.bind とは関係ないので注意．</p>\r
-                                       <pre><code>\r
+                                       <pre class="brush: js;">\r
 var jsonArea = document.htmlTest.jsonString,\r
        button = document.htmlTest.bindButton,\r
        bindWorker = pettanr.bind.createBindWorker( document.getElementById( 'outputHere')),\r
@@ -106,7 +107,7 @@ button.onclick = function(){
        json !== null && bindWorker.json( json);\r
        json = null;\r
 }\r
-                                       </code></pre>\r
+                                       </pre>\r
                                        <h3>js による動的な書き出しの利点</h3>\r
                                        <p>js による動的な書き出しには以下にあげる利点がある．最後のもの以外はサーバへの画像リクエストを抑えるものになります．</p>\r
                                        <ul>\r
@@ -180,9 +181,19 @@ button.onclick = function(){
             <div id="copyright">Copyright (c) 2011-2012 pettanR team, some rights reserved.</div>\r
         </div><!-- #EndLibraryItem -->\r
        </div>\r
+       <script type="text/javascript">\r
+               var has_server_support = false;\r
+       </script>\r
        <script type="text/javascript" src="../javascripts/common.js"></script>\r
 <!-- InstanceBeginEditable name="script" -->\r
+       <script type="text/javascript" src="../lib/syntaxhighlighter/scripts/shCore.js"></script>\r
+       <script type="text/javascript" src="../lib/syntaxhighlighter/scripts/shBrushJScript.js"></script>\r
+       <script type="text/javascript" src="../lib/syntaxhighlighter/scripts/shBrushXml.js"></script>\r
+       <script type="text/javascript" src="../lib/syntaxhighlighter/scripts/shBrushCss.js"></script>\r
+       <link type="text/css" rel="stylesheet" href="../lib/syntaxhighlighter/styles/shCoreDefault.css">\r
        <script type="text/javascript">\r
+               SyntaxHighlighter.all();\r
+               \r
                var jsonArea = document.htmlTest.jsonString,\r
                        button = document.htmlTest.bindButton,\r
                        bindWorker = pettanr.bind.createBindWorker( document.getElementById( 'outputHere')),\r