テーブルの背景を表示のたびに変えたいと思っています。
http://oshiete1.goo.ne.jp/kotaeru.php3?q=171099& …
この記事を参考にしました。
用意している壁紙は7枚で画像ファイルは0~7.gifとしています。
記述するhtmlファイルと同じ階層にhaikeiフォルダを置き、その中に0~7.gif画像を入れました。画像の大きさは200*150で統一しています。
<SCRIPT LANGUAGE="JavaScript">
<!--
var imgback = "haikei/" ;
var imgno = (Math.floor(Math.random() * 6) + 1) ;
document.write("<TABLE frame=\"void\" cellpadding=\"0\" width=\"200\" height=\"150\" background = ", imgback+imgno ,".gif>");
document.write("<TR><td align=\"center\">hallo!</TD></TR>");
document.write("</TABLE>");
//-->
</SCRIPT>
ランダムにならないどころか何も表示されません。
どこがどう間違っているのでしょうか。
No.1ベストアンサー
- 回答日時:
タグに属性をぐだぐだ書くのは今となっては微妙な感じですね
cssで処理するのが妥当だと思います。
ただし今回は割愛して・・・。
backgroudの指定の際にダブルクォーテーションでくくってみては?
とりあえずデバッグにはdocument.write内の、<を<に置換するだけで
ソースへの理解が深まります
<SCRIPT LANGUAGE="JavaScript">
var imgback = "haikei/" ;
var imgno = (Math.floor(Math.random() * 6) + 1) ;
document.write("<TABLE frame=\"void\" cellpadding=\"0\" width=\"200\" height=\"150\" background = \"", imgback+imgno ,".gif\">");
document.write("<TR><td align=\"center\">hello!</TD></TR>");
document.write("</TABLE>");
</SCRIPT>
ポイント付与とお礼が遅れて申し訳ありません。
JavaScriptとCSSの基本をやりなおしてきます。
タグに属性をぐだぐだ書く、今となっては、の部分で、自分の知識が少し古すぎると納得できました。ありがとうございます。
No.2
- 回答日時:
エスケープを使うとわかりにくくなるので、シングルクォーテーションを利用して書くほうがわかりやすくなると思います。
document.write('<TABLE frame="void" cellpadding="0" width="200" height="150" background = "', imgback+imgno ,'.gif">');
No.1で回答されているように、style属性を制御する方がよさそう。
○○.style.backgroundImage = 'url(haikei/' + imgback+imgno + ')';
とか・・(○○はエレメント)
ポイント付与とお礼が遅れて申し訳ありません。
JavaScriptとCSSの基本をやりなおしてきます。
CSSがほとんど頭に入ってなかったのが恥ずかしい限りです。
ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS テーブルタグのセルの幅の一部だけを指定 1 2023/03/12 12:02
- JavaScript EasyUIのSubGrid(jquery)におけるObjectに入れた連想配列について 1 2022/05/02 11:21
- HTML・CSS 自身のHPにYouTube動画を貼り付けるのが出来なくなり困ってます 1 2022/11/11 10:44
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/30 09:10
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- PHP htmlで複数の個数入力欄を表示させるには 1 2022/09/20 03:11
- JavaScript javascriptで変数を組み込みたい 2 2023/01/13 09:52
- AJAX JavascriptからPHPへのAjax通信でnullが返ってくる 3 2022/08/03 22:00
- Visual Basic(VBA) Selenium.ChromeDriverの使い方について 7 2022/09/22 06:43
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
window.openでタイトル名の指定
-
parseIntで戻り値がNaNになるの...
-
JavaScript window.openで開く...
-
同じIDで定義した要素の配列を...
-
javascriptでiframeのURL変更は?
-
ボタンをクリックすると数が増...
-
jspからjavascriptの変数引継ぎ
-
functionから別のfunctionを実...
-
C#で、ContextMenuStripに動的...
-
クリックすると上に開くアコー...
-
画像上のクリックした場所が分...
-
undefinedを表示させない方法は...
-
webページ上のTabキーの動き
-
var_dumpのdump意味はを知りた...
-
hoge の謎
-
Boolean型配列中のTrueの有無を...
-
Inherits EventArgsの初期化
-
配列の初期化
-
C#OpenCv V4にのエラーに関する...
-
javascriptで編集可能不可能の...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
○歳△ヶ月と×日を計算してくれる...
-
window.openでタイトル名の指定
-
テキストボックスに入力された...
-
Formの値を別のフレームで使いたい
-
記述の仕方を教えて下さい。
-
ジャバスクリプトで空白(スペー...
-
今日の月と日付の1週間後や3日...
-
文字列を時間で入れ替え
-
Javascriptにてページ作成
-
文字サイズ変更ボタンを設置し...
-
iframe内に特定の文字列がある...
-
Cookieの使い方が分からない。
-
for文のiを使ってリンク先のア...
-
promptで入力されたデータをテ...
-
指定した時間になると現れるリンク
-
ウェブ上にキーボードを作りた...
-
innerHTMLにて設定した情報を再...
-
JavaScript 変数をメソッドに代...
-
javscript超初心者です。
-
ブラウザの履歴がおかしくなり...
おすすめ情報
