英文字と数字の文章をアイコンに置き換えて表示します。
以前ＣＧＩで作ったのですが、別にこれなら JavaScript で出来るかなと思って、
また、調子にのって作ってみました。
ＣＧＩやＳＳＩが使えないサーバの方など、またまた、お暇な方はお試しください♪
[使用例]
A long time ago in a galaxy far, far away....
Episode 4 A NEW HOPE
It is a period of civil war.
Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire.
During the battle, Rebel spies managed to steal secret plans to the Empire's ultimate weapon, the DEATH STAR, an armored space station with enough power to destroy an entire planet.
Pursued by the Empire's sinister agents. Princess Leia races home aboard her starship, custodian of the stolen plans that can save her people and restore freedom to the galaxy....
↓テキストをアイコン画像に変換して表示しています。
ＣＧＩやＳＳＩが使えないサーバの方など、またまた、お暇な方はお試しください♪
[使用例]
A long time ago in a galaxy far, far away....
Episode 4 A NEW HOPE
It is a period of civil war.
Rebel spaceships, striking from a hidden base, have won their first victory against the evil Galactic Empire.
During the battle, Rebel spies managed to steal secret plans to the Empire's ultimate weapon, the DEATH STAR, an armored space station with enough power to destroy an entire planet.
Pursued by the Empire's sinister agents. Princess Leia races home aboard her starship, custodian of the stolen plans that can save her people and restore freedom to the galaxy....
↓テキストをアイコン画像に変換して表示しています。
[プログラムの設定]
プログラムを取り付ける index.htmlなどの中に JavaScript を呼び出す方式を記述します。
<HEAD>〜</HEAD>タグの間
<BODY>〜</BODY>タグの表示したい部分
「表示したい英数文字」は自由に書き換えてください。
使用できる文字は、A-Z 0-9 . 改行 スペースです。
「\n」は改行記号です。
「アイコンが格納されているディレクトリまでのパス」は、"./jsABC/gif/"などとします。 index.html からみた相対パス、もしくは、ＵＲＬで記述してください。
プログラムを取り付ける index.htmlなどの中に JavaScript を呼び出す方式を記述します。
<HEAD>〜</HEAD>タグの間
<script type="text/javascript" src="./jsABC/jsABC.js"></script>
<BODY>〜</BODY>タグの表示したい部分
<script type="text/javascript">
<!--
text = "";
text += "表示したい英数文字１行目\n";
text += "表示したい英数文字２行目\n";
text += "表示したい英数文字３行目\n";
jsABC( text, "アイコンが格納されているディレクトリまでのパス" );
// -->
</script>>
<!--
text = "";
text += "表示したい英数文字１行目\n";
text += "表示したい英数文字２行目\n";
text += "表示したい英数文字３行目\n";
jsABC( text, "アイコンが格納されているディレクトリまでのパス" );
// -->
</script>>
「表示したい英数文字」は自由に書き換えてください。
使用できる文字は、A-Z 0-9 . 改行 スペースです。
「\n」は改行記号です。
「アイコンが格納されているディレクトリまでのパス」は、"./jsABC/gif/"などとします。 index.html からみた相対パス、もしくは、ＵＲＬで記述してください。
[ファイルの転送]
全てのファイルをサーバにＦＴＰ転送します。
全てのファイルをサーバにＦＴＰ転送します。
| ファイル名 | パーミッション | 転送モード |
| jsABC.js | 644 or 604 | テキスト |
| gif/全てのファイル | 644 or 604 | バイナリー |
public_html / index.html
|
+-- jsABC / jsABC.js [604]
|
+-- gif [707] / A.gif B.gif ･･････
[確認]
最後にブラウザで確認してみましょう。
最後にブラウザで確認してみましょう。
[最後に]
どうしてこういうくだらないことに余すことなくふんだんに力を注ぎ込むのだろう...
どうしてこういうくだらないことに余すことなくふんだんに力を注ぎ込むのだろう...
 |
 |
 |
| 『矢印王国』の掲示板 |
| 普通の矢印 | 小さな矢印 | ドット矢印 | ゼロ | イチ | ニ | サン | ヨン | ゴ | ロク | NANA | ハチ公 | キューちゃん | 丸型[小]矢印 | 付箋風味の矢印 | 白黒つけるぜっ矢印 | 切断矢印 | 丸型抜き矢印 | スレンダー矢印 | はしご矢印 | 中抜き[大]矢印 | 中抜き[中]矢印 | 中抜き[小]矢印 | 二本足の矢印 | 三本足の矢印 | 四本足の矢印 |
- 使用は無料 - 再配布は禁止 -
| 普通の矢印 | 小さな矢印 | ドット矢印 | ゼロ | イチ | ニ | サン | ヨン | ゴ | ロク | NANA | ハチ公 | キューちゃん | 丸型[小]矢印 | 付箋風味の矢印 | 白黒つけるぜっ矢印 | 切断矢印 | 丸型抜き矢印 | スレンダー矢印 | はしご矢印 | 中抜き[大]矢印 | 中抜き[中]矢印 | 中抜き[小]矢印 | 二本足の矢印 | 三本足の矢印 | 四本足の矢印 |