Mercurial > hgrepos > hgweb.cgi > s4
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>