自分のブログにも載せるには？

質問

先日、ブログを見ていると

http://blog.livedoor.jp/dankogai/archives/50129506.html

というブログを見つけました。
クリックしながら進むのが面白いと思い、自分のブログの記事でもこのようなものを載せてみたいと思ったのですが、記事中にあるsorceをコピペしても出来ません。
一体どのようにしたら、このブログのようなものを自分のブログの記事にも載せられるのでしょうか？
ちなみにブログはライブドアのものを使っています。

ちなみにコンピュータには疎い方なので、こんな私にでもわかるように教えていただければ幸いです。
どうかよろしくお願いいたします。

回答No.1

Desires · ベストアンサー

確認しました。
ソースをそのままコピペしても出来ません。
12行目の<script language= から、下から３行目の</form>までコピペし、メモ帳等に一度貼り付けってください。
で、15行目の$lines_arrayを ' と', で囲んだ文字に編集すればOKです。

例として、三行２バイト文字を表示するなら以下の様に変更する。
(編集する位置だけ、分かりやすいように抜粋しています)

//元ソース
var text = [　　　　//　14行目
$lines_array　　　　//　15行目 編集する箇所
];　　　　　　　　　//　16行目

　↓↓↓

//変更後のソース
var text = [　　　　　　 　　　　//　14行目
'この一行が表示…nextで次ぎ',　　//　15行目 編集した箇所
'nextされた表示',　　　　　　　　//　追加された箇所
'表示endです',　　 　　　　　　　//　追加された箇所
];　　　　　　　　　　　　 　　　//　16行目

で、出来ます。
なお、これはJavaScriptなので、機能をOFFにしていると動作しませんので、停止している場合は、オプションよりONに切り替えてくださいね。
そうすれば、ディスクトップ上に置いたHTMLファイルでも動作確認出来ますので。

補足

ありがとうございます。
先ほどご回答くださったことをやってみたのですが、残念ながら、表示されませんでした。
具体的には、テーブルとprev、nextのボタンなどは表示されるのですが、テーブルの中には$lines[0]という文字が表示されるだけで、prevボタンをクリックしても文字が変わらず、あのブログのようになりませんでした。

私の入力が間違っていたのかもしれないと思い、確認しましたが、私には原因がわかりませんでした。

よろしければ、以下がDesires様のご回答にそって私が編集したものです。
何か間違いなどがありましたら指摘していただけませんでしょうか？

お手数をかけて申し訳ありません。どうかよろしくお願いいたします。

<script language="javascript" type="text/javascript">
var slide=0;
var text = [
'あいうえお',
'かきくけこ',
'さしすせそ',
];
function prev(){
slide--;
slide %= text.length;
if (slide < 0){ slide = 0; }
takahashi.innerHTML = text[slide];
return false;
}
function next(){
slide++;
slide %= text.length;
takahashi.innerHTML = text[slide];
return false;
}
</script>
<style type="text/css">
.takahashi {
text-align: center;
vertical-align: middle;
font-size: xx-large;
border-style: inset;
height: 192;
}
</style>
<form>
<div align="center">
<table width="80%" border="5">
<tr><td id="takahashi" class="takahashi">$lines[0]</td></tr>
</table>
<input type="button" onclick="prev();" value="prev">
<input type="button" onclick="next();" value="next">
</div>
</form>