ラウンジ(兼FAQ掲示板)

テーブルの背景画像をランダムに・・・・
過去ログ NO.1176357243
□ OJIN  [2007年04月04日22時41分]
度々で心苦しくはございますが・・・・

(同一の)ページを開くたびにテーブルの背景画像を
ランダムに変化させたいのですが、これ↓でやりますと、

<SCRIPT LANGUAGE="JavaScript">
<!--
back=new Array(5);
back[0]="images/back07.gif";
back[1]="images/back08.gif";
back[2]="images/back09.gif";
back[3]="images/back010.gif";
back[4]="images/back011.gif";
MyBack=Math.floor(5*Math.random());
document.write("<body background='"+back[MyBack]+"'>");
//-->
</SCRIPT>

テーブルの背景は替わりますけれども、、ボディの背景も一緒に
替わってしまいます・・・・

ボディは変化させず、テーブルの背景画像を替える方法のご教示を、
なにとぞよろしくお願い申し上げます。
□ NXer [2007年04月05日18時02分]

>心苦しく

春の野原で右手で草を摘むのが若さとか。草刈に骨を折るのが苦しみ。
古は音符ですが、このランダムスクリプトは完成してみれば、苦しみ
が若さに転じるものと思います。たびたびなら、どれほど若くなるの
でしょうか。NXerです。

----------------------------------------------
<TITLE>table background-color change</TITLE>
<SCRIPT language="JavaScript">
back=new Array(5);
back[0]="images/back01.jpg";
back[1]="images/back02.jpg";
back[2]="images/back03.jpg";
back[3]="images/back04.jpg";
back[4]="images/back05.jpg";
MyBack=Math.floor(5*Math.random())-1;
document.write ('<style type="text/css"><!--body {background-color:beige} table {background-image:url("'+ back[MyBack] +'");} th {background-color:yellow;]--></style>');
</SCRIPT> </HEAD>
<BODY>
<TABLE width="400" length="500" border="1">
<TBODY>
<TR>
<TH height="40">サンプル1</TH>
<TH height="40">サンプル2</TH>
</TR>
<TR>
<TD height="112">1,111</TD>
<TD height="112">2,222</TD>
</TR>
</TBODY>
</TABLE>
</BODY>
</HTML>
----------------------------------------------

配列の引数が0から始まるためにー1としました。
MyBack=Math.floor(5*Math.random())-1;

document.write ('<style type="text/css"><!--body {background-color:beige} table {background-image:url("'+ back[MyBack] +'");} th {background-color:yellow;]--></style>');

スタイルシートをjavascriptで表現してみました。
ボディの背景は beige として色の変化を認識しやすくすこし色をつけました。
背景はURLをランダムに得るものです。カッコ内はojinさんの記述のままです。
table {background-image:url("'+ back[MyBack] +'");}
見出しの背景色は、文字色(デフォルトは黒)を目立たせるyellowで試しました。
この色は固定ですから、開くごとにtableの背景色のランダムな変化に気づかせる
色を探してみてください。
th {background-color:yellow;]

シングルクオート (’〜’)が支配する間にさらに引用記号が重なりますので
動作しない時は上の文をよく見直してください。

>ボディは変化させず、テーブルの背景画像を替える

そのままスタイルシートで記述してみました。テーマをとても的確にしぼりこんで
いただき御蔭さまで面白い小技が生まれました。ありがとうございます。
ぜひ、お試しください。
□ OJIN  [2007年04月05日22時13分]
NXer様、

毎度毎度正確なるご教示を頂戴いたしまして、ありがとうございます!
完成いたしました!‥‥‥ってまあ、そのまま使わせて頂いただけなん
ですけれども・・・・

ですが一点だけ、

「MyBack=Math.floor(5*Math.random())-1;」←ここの「-1」がありま
すと、ランダム5の画像が出ずに、(多分)そのかわり?にボディの色が
テーブル上に現われました。で、

「-1」を取っ払いましたら正常に(?)5つの画像ともがランダムに出現
し、ボディの色が出ることはなくなりました。

> 春の野原で右手で草を摘むのが若さとか。草刈に骨を折るのが苦しみ。
> 古は音符ですが、このランダムスクリプトは完成してみれば、苦しみ
> が若さに転じるものと思います。たびたびなら、どれほど若くなるの
> でしょうか。NXerです。

どれほど若くなるものでございましょう? まあ、老いるに従ってだん
だんと子供還りしていくと申しますから、それに拍車がかかる?

NXer様のご年齢は存じ上げませんけれど、今回のお礼と申しましてはな
んでございますが、多少は回春のお役に立つ(?)かも、、と、、今回の
該当ページをご案内させて頂きます。ご遠慮なさらずに、是非とも!!
        ↓
http://chinachips.fc2web.com/sorry_huaxin.html

> テーマをとても的確にしぼりこんでいただき、御蔭さまで面白い小技
が生まれました。ありがとうございます。

こんなふうに甘いお言葉を頂きますと、図々しくもまた参上させて頂き
たくなってしまいますーーー。アホでございますので、必ずまたお世話
をおかけすることが出てくるものと存じます。その節にはまた、なにと
ぞよろしくお願い申し上げます。

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

suepon.com | CGI作成/CGI制作 | JavaScript | ドメイン検索 | バナー自動作成 | Google ダンスツール | 松浦亜弥 | H.P.memo | パソコン | ネイル

Copyright (C) 2002 - 2008 suepon , All rights reserved. Powered by CGI Script Market.