人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

ホームページの一部に表示されるテキストを、ランダムに表示させるには、どうすれば良いのでしょうか?
「2カ所セット」であることが条件です。

たとえば、このような感じです。
-----------------------------------
(あるときの表示)
A1「こんにちは。」
B1「今日はいい天気ですね」
C1「天気がいいと気持ちいいですね」
-----------------------------------
(またあるときの表示)
A2「はーい、元気ですか?」
B2「今日はいい天気ですね」
C2「天気が悪いとつらいですよね」
-----------------------------------

このように、AとCという、別のところに書いてあるテキストを、「セット」でランダム表示するための方法です。
A1はC1との組み合わせのみ、A2はC2との組み合わせのみ、みたいな。
言いたいことがお分かりになりますでしょうか…。
初心者ですので、分かりやすくご説明してあるページなどあれば幸いです。

●質問者: maiko8
●カテゴリ:コンピュータ 生活
✍キーワード:こんにちは テキスト ホームページ ランダム 初心者
○ 状態 :終了
└ 回答数 : 4/4件

▽最新の回答へ

1 ● idzt
●20ポイント

http://www.openspc2.org/reibun/javascript/image/017/index.html

ランダムにバナー画像を表示する

JavaScriptでしたら、これの応用でどうでしょう?

↓こういう感じになります。

<script language=”JavaScript”>

<!--

A_word = new Array();

C_word = new Array();

A_word[0] = ”こんにちは。”;

A_word[1] = ”はーい、元気ですか?”;

C_word[0] = ”天気がいいと気持ちいいですね”;

C_word[1] = ”天気が悪いとつらいですよね”;

n = Math.floor(Math.random() * A_word.length);

document.write(A_word[n]);

document.write(”「今日はいい天気ですね」”);

document.write(C_word[n]);

// -->

</script>

上記のサイトは他にもたくさんJavaScriptの技がのっていて、オススメですよ。

◎質問者からの返答

えっ。えっ。

これをそのままにHTMLに書いたのですが、何も表示されません。

すみません…。

もうちょっと試してみます。他にも何かアドバイスなどありましたら幸いです。


2 ● 186
●20ポイント

http://www.cybergarden.net/javascript/js_randommessage.html

URL先のJavaScriptをちょっと弄ってみました。

----

<html>

<head>

<script language=”JavaScript”>

<!--

myMes1 = new Array(

”A1「こんにちは。」”,

”A2「はーい、元気ですか?」”

);

myMes2 = new Array(

”C1「天気がいいと気持ちいいですね」”,

”C2「天気が悪いとつらいですよね」”

);

myRnd = Math.floor(Math.random()*myMes1.length);

// -->

</script>

</head>

<body>

<script language=”javascript”>

<!--

document.write(”<p>” + myMes1[myRnd] + ”</p>”);

// -->

</script>

<p>B1「今日はいい天気ですね」</p>

<script language=”javascript”>

<!--

document.write(”<p>” + myMes2[myRnd] + ”</p>”);

// -->

</script>

</body>

</html>

----

上記<html>〜</html>の全角”を半角に直してからtest.htmlとでも保存してブラウザで開いて見てください。

IE6.0,Mozilla Firefox0.8,Opera7.5en+Windows等では表示可能でした。

idztさんが紹介されたスクリプトとほぼ同じです。

B1,B2の文章が長い場合を考え、A1,A2,C1,C2の表示部分をbody中にしました。

◎質問者からの返答

すごいっ!

本当にありがとうございました。

そしてアドバイスくださったakiさんも本当にありがとうございました。

大感謝です。


3 ● idzt
●10ポイント

http://www.yahoo.co.jp/

Yahoo! JAPAN

あれあれ?おかしいな。。。

と思っていたら「”」の部分が全角になっているようです。

そういえばはてなでは半角が強制的に全角になってしまう、と聞いた覚えが、、、

そこを半角にして試してくださいね!

注意書きを書いておかなくてすいません。

◎質問者からの返答

すみません。

本当にありがとうございました。


4 ● takoya000
●20ポイント

http://javascript.eweb-design.com/0616_ra.html

確率変更可能なランダムテキスト/広告 - JavaScript

「”」が、自動で全角に変換されているようです。

これを全て半角にしてみて下さい。

あとは、””の中に適宜

などのタグを入れて見て下さい。

ふたつのセットの文を、かなり離れた場所に表示する場合は、

document.write(A_word[n]);

// -->

</script>

普通にHTML

<SCRIPT language=”javascript”>

<!--

document.write(C_word[n]);

//-->

</SCRIPT>

でOKなはずです。

上記は、ちょっと高度な例。

ランダムの確率をいじれます。

◎質問者からの返答

ありがとうございます。

大感謝です!

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ