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

質問

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

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>

回答No.3

m035

$lines[0]はHTMLに直接書き込まれています。
消せばいいかと。

お礼

ありがとうございます。
$lines[0]を消すとのことですが、$lines[0]だけを消して投稿してみましたが、残念ながら無理でした。

回答No.2

Desires

＞私が編集したものです。
確認しました。問題ないです。
IE6とFirefox1.0.7でのローカルで、動作確認しましたが、問題なく動きます。

※WinXP SP2 + IE6 の場合、セキュリティブロック機能が働きますので、表示後にバーでコンテンツ許可をして再度読み込み直してみてください。
　また、古いキャッシュからしか読み込んでいない場合もありますので、インターネットの一時ファイルを削除し、再度読み込み直してください。

※確認：JavaScriptは有効になっていますよね？下記で確認してください。
http://softpark.jplaza.com/support/EnableJavaScript.html

お礼

ありがとうございます。
JavaScript確認しました。有効でした。
やはりライブドアブログの記事に、先ほどの補足に書いたソースを貼り付けて投稿しても表示できませんでした。
キャッシュの件ですが、毎回新規の記事として投稿していますので、キャッシュのせいではないような気がします。

色々親切にご回答して頂いているのに申し訳ありません。