* U K I Y A H O N P O *
Nel mezzo del cammin di nostra vita mi ritrovai per una selva oscura,
che la diritta via era smarrita.
ホーム
一覧
検索
最終更新
リンク
ヘルプ
新規
リンク
手動リンク
自動相互リンク
駄でべWiki:FrontPage
ヘルプ
整形ルール
プラグインマニュアル
浮子屋商店もよろしく。
伺か関連ツール/さくらスクリプト解析JavaScript
をテンプレートにして作成
開始行:
#contentsx
*何をするもの? [#a8fde4bf]
ウィンドウ内のさくらスクリプトを解析して、SVGによるサーフ...
*どんな感じ? [#te2784ec]
実際にはこんな感じ。
<SPAN class="sakurascript">sakurascript:ghostname:\t\u\s...
やほー。\w9こんな感じだよー。
\w9\w9\u\s[11]あんまりはしゃがない。\e
</SPAN>
こんなタグがページ内にあると、
&sakurascript(emily4){\t\u\s[10]\h\s[5]やほー。\w9こんな...
こんな風に表示されます。
* どこで試せる? [#h9f49167]
[[テスト用のフォーム>http://ukiya.sakura.ne.jp/other/ss2h...
* 配布物 [#za7017da]
- &attachref(./sakurareplacer.js); 本体 2005.07.19 versio...
- &attachref(./config.js); 設定ファイル - これはサイトの...
- &attachref(./table.css); 外観定義用のCSS - いじれば外観...
- &attachref(./SVGOroshi093.zip); SVGをばらばらにするため...
*現在の仕様は? [#j2409be3]
** 対応タグ [#zbfc281e]
|タグ|動作|h
|\_s,\\,\n,\0,\h,\1,\u,\s[],\p[]|これらのタグはその通り解...
|\g[ghostname]|スクリプトの途中でゴーストを変えます。スコ...
|\URL[url]|<A HREF="url">url</A>と置換されます。 |
|\URL[url][text]|<A HREF="url">text</A>と置換されます。 |
|\URL[url][text][option]|<A HREF="url" option>text</A>と...
|\s[-1]|surfacenone.pngを表示します。 |
|\w1~\w9,\t,\e,\c,\_q,\nの後の[],\_w[] |無視します。|
|スクリプト中の改行コード|無視します。但し、タグの中の改...
|上記以外のタグ|そのまま表示されます。|
** 置換条件 [#bbefe6a7]
現在のスクリプトは以下の仕様にしています。スクリプトを変...
-タグのクラスが sakurascript であること
-タグの中身が sakurascript ではじまること
** ブラウザ制限事項 [#x2d52b01]
JavaScriptで実装している以上ブラウザを選ぶのは仕方ないで...
掲示板とかへの組み込みの容易さとのバーターです。
-JavaScriptがONであること
-DHTMLに対応していること
IE、Opera、Safari、FireFoxで動作したみたいです。
* 組み込み方 [#wb5156e3]
** 1.画像を置くディレクトリを決める [#a3e8b1d4]
画像を置く元となるディレクトリを決めてください。以下の例...
** 2.画像を準備する [#ob70b6c2]
-このページの下にある「SVGOroshi」などのツールを使って、...
-また、surfacenone.png という画像を作成してください。これ...
-画像が準備できたら、http://unene.jp/svg/ghostname/ の位...
** 3.javascriptを準備する [#i44a53e7]
-config.js と sakurareplacer.js と table.css を用意してく...
-config.js の先頭の imagebase を、1.で決めたURLにあわせ...
var imagebase="http://unene.jp/svg/";
となります。
-準備ができたら、config.js と sakurareplacer.js と table....
** 4.javascriptを使いたいページに組み込む [#ae6c84d2]
使いたいページのHTMLの中に、以下の変更を加えてください。
- <HEAD>~</HEAD>タグの中に、以下の3行を記載してください...
<LINK href="http:/unene.jp/script/table.css" rel="styles...
<SCRIPT src="http:/unene.jp/script/config.js" type="text...
<SCRIPT src="http:/unene.jp/script/sakurareplacer.js" ty...
-<BODY>タグを、以下のように変更してください。
<BODY onLoad="SakuraReplace();">
** 5.ページの中でさくらスクリプトを書く [#yad88020]
あとは、4.で組み込んだページの中で、以下の条件に当ては...
-タグのクラスを sakurascript とする
-タグの中身の先頭を sakurascript:ghostname: とする(ghost...
上記条件に当てはまるタグの書き方としては、例えば以下のよ...
&color(Red){実際にはなるべく1行で書いてください。改行す...
<SPAN class="sakurascript">sakurascript:ghostname:\t\u\s...
やほー。\w9こんな感じだよー。\w9\w9\u\s[11]あんまりはし...
</SPAN>
* 関連するもの [#ka974173]
:[[駄でべWiki:fifth moon/PukiWiki用さくらスクリプトプラグ...
:[[日々是平凡なり>http://aobanozomi.hp.infoseek.co.jp/]]|...
:[[百花繚乱>http://ryouran.mallotus-villosus.net/]]|TOPに...
:[[ダル系工房>http://kazune3.at.infoseek.co.jp/]]|ゴース...
:[[Webゴースト>http://lre.s165.xrea.com/uka/cgi-bin/ghost...
終了行:
#contentsx
*何をするもの? [#a8fde4bf]
ウィンドウ内のさくらスクリプトを解析して、SVGによるサーフ...
*どんな感じ? [#te2784ec]
実際にはこんな感じ。
<SPAN class="sakurascript">sakurascript:ghostname:\t\u\s...
やほー。\w9こんな感じだよー。
\w9\w9\u\s[11]あんまりはしゃがない。\e
</SPAN>
こんなタグがページ内にあると、
&sakurascript(emily4){\t\u\s[10]\h\s[5]やほー。\w9こんな...
こんな風に表示されます。
* どこで試せる? [#h9f49167]
[[テスト用のフォーム>http://ukiya.sakura.ne.jp/other/ss2h...
* 配布物 [#za7017da]
- &attachref(./sakurareplacer.js); 本体 2005.07.19 versio...
- &attachref(./config.js); 設定ファイル - これはサイトの...
- &attachref(./table.css); 外観定義用のCSS - いじれば外観...
- &attachref(./SVGOroshi093.zip); SVGをばらばらにするため...
*現在の仕様は? [#j2409be3]
** 対応タグ [#zbfc281e]
|タグ|動作|h
|\_s,\\,\n,\0,\h,\1,\u,\s[],\p[]|これらのタグはその通り解...
|\g[ghostname]|スクリプトの途中でゴーストを変えます。スコ...
|\URL[url]|<A HREF="url">url</A>と置換されます。 |
|\URL[url][text]|<A HREF="url">text</A>と置換されます。 |
|\URL[url][text][option]|<A HREF="url" option>text</A>と...
|\s[-1]|surfacenone.pngを表示します。 |
|\w1~\w9,\t,\e,\c,\_q,\nの後の[],\_w[] |無視します。|
|スクリプト中の改行コード|無視します。但し、タグの中の改...
|上記以外のタグ|そのまま表示されます。|
** 置換条件 [#bbefe6a7]
現在のスクリプトは以下の仕様にしています。スクリプトを変...
-タグのクラスが sakurascript であること
-タグの中身が sakurascript ではじまること
** ブラウザ制限事項 [#x2d52b01]
JavaScriptで実装している以上ブラウザを選ぶのは仕方ないで...
掲示板とかへの組み込みの容易さとのバーターです。
-JavaScriptがONであること
-DHTMLに対応していること
IE、Opera、Safari、FireFoxで動作したみたいです。
* 組み込み方 [#wb5156e3]
** 1.画像を置くディレクトリを決める [#a3e8b1d4]
画像を置く元となるディレクトリを決めてください。以下の例...
** 2.画像を準備する [#ob70b6c2]
-このページの下にある「SVGOroshi」などのツールを使って、...
-また、surfacenone.png という画像を作成してください。これ...
-画像が準備できたら、http://unene.jp/svg/ghostname/ の位...
** 3.javascriptを準備する [#i44a53e7]
-config.js と sakurareplacer.js と table.css を用意してく...
-config.js の先頭の imagebase を、1.で決めたURLにあわせ...
var imagebase="http://unene.jp/svg/";
となります。
-準備ができたら、config.js と sakurareplacer.js と table....
** 4.javascriptを使いたいページに組み込む [#ae6c84d2]
使いたいページのHTMLの中に、以下の変更を加えてください。
- <HEAD>~</HEAD>タグの中に、以下の3行を記載してください...
<LINK href="http:/unene.jp/script/table.css" rel="styles...
<SCRIPT src="http:/unene.jp/script/config.js" type="text...
<SCRIPT src="http:/unene.jp/script/sakurareplacer.js" ty...
-<BODY>タグを、以下のように変更してください。
<BODY onLoad="SakuraReplace();">
** 5.ページの中でさくらスクリプトを書く [#yad88020]
あとは、4.で組み込んだページの中で、以下の条件に当ては...
-タグのクラスを sakurascript とする
-タグの中身の先頭を sakurascript:ghostname: とする(ghost...
上記条件に当てはまるタグの書き方としては、例えば以下のよ...
&color(Red){実際にはなるべく1行で書いてください。改行す...
<SPAN class="sakurascript">sakurascript:ghostname:\t\u\s...
やほー。\w9こんな感じだよー。\w9\w9\u\s[11]あんまりはし...
</SPAN>
* 関連するもの [#ka974173]
:[[駄でべWiki:fifth moon/PukiWiki用さくらスクリプトプラグ...
:[[日々是平凡なり>http://aobanozomi.hp.infoseek.co.jp/]]|...
:[[百花繚乱>http://ryouran.mallotus-villosus.net/]]|TOPに...
:[[ダル系工房>http://kazune3.at.infoseek.co.jp/]]|ゴース...
:[[Webゴースト>http://lre.s165.xrea.com/uka/cgi-bin/ghost...
ページ名: