changeset 452:30ab12e54324

Ballon help for s4-WikiStyle added
author HIROSE Yuuji <yuuji@gentei.org>
date Mon, 14 Aug 2017 13:46:39 +0859
parents 8965bdad3172
children 512cb413228b
files examples/common/default/default.css s4-blog.sh
diffstat 2 files changed, 25 insertions(+), 4 deletions(-) [+]
line wrap: on
line diff
--- a/examples/common/default/default.css	Mon Aug 14 12:32:36 2017 +0859
+++ b/examples/common/default/default.css	Mon Aug 14 13:46:39 2017 +0859
@@ -251,13 +251,18 @@
     position: relative;
 }
 div.search div.fr {position: relative;}
-div.search p.help {display: none;}
-div.search input:focus + p.help {
+div.search p.help, textarea + p.help {display: none;}
+div.search input:focus + p.help,
+textarea:focus + p.help {
     display: block; background: white;
     position: absolute; right: 15em; white-space: pre;
     border: 1px solid #888; border-radius: 1em; padding: 1ex;
     box-shadow: #555 2px 2px;
 }
+textarea:focus + p.help {
+    position: fixed;
+    top: 0em; left: 0;
+}
 form.summary input[type=submit] {background: #cfc;}
 
 /*
--- a/s4-blog.sh	Mon Aug 14 12:32:36 2017 +0859
+++ b/s4-blog.sh	Mon Aug 14 13:46:39 2017 +0859
@@ -369,12 +369,28 @@
 	-e "/^<__NOTIFY__>/s,,${notify:+$nt}," \
 	$cachefile
   done
-
+  
+  help="=== コメントに使用できる特殊記法 ===
+行頭に href=URL でURLへのリンク
+行頭に iframe=URL でURL先を開く iframe
+[[#記事番号]] でs4内の記事番号に飛ぶリンク
+[[URL]] でURLへのリンク
+[[URL|文字列]] でアンカー文字列を指定してのURLリンク
+{{画像URL}} でインライン画像
+{{画像URL|幅}} でピクセル幅を指定したインライン画像
+{{{URL}}} でURL先を開く iframe
+{{{URL|高さ}}} でピクセル高さを指定した iframe
+## 大見出し
+### 中見出し
+#### 小見出し"
+  touchhelp="${touchpanel:+<p class=\"help\">$help</p>}"
+  # touchhelp="<p class=\"help\">$help</p>"
   textform='<div class="fold">
 <input type="checkbox" id="cmt" checked><label
  accesskey="c" title="C" for="cmt">コメントする</label><div>
 <table class="b">
-<tr><td><textarea name="text" cols="72" rows="4"></textarea></td></tr>
+<tr><td><textarea name="text" cols="72" rows="4" title="'"$help"'">
+</textarea>'"$touchhelp"'</td></tr>
 <tr><td>添付ファイル:
 <input type="file" name="image"'" $file_accept multiple></td></tr>"'
 </table>

yatex.org