月替わり背景タグが作動しない

このQ&Aのポイント
  • 毎月1日に背景が変わるジャバスクリプトを使用しているが、背景が表示されない。
  • タグ内のスクリプトを確認したが、アドレスのミスはない。
  • 他のPCからも同じ現象が起きるか確認する必要がある。
回答を見る
  • ベストアンサー

月替わり背景タグが作動しません。

こんにちわ。早速ですが質問させていただきます。 今毎月1日に背景が変わるジャバスクリプトを使用しているのですが、どうも背景が表示されません。 タグは <script type="text/javascript"> <!-- bgimg = new Array(); bgimg[0] = "アドレス"; bgimg[1] = "アドレス"; bgimg[2] = "アドレス"; bgimg[3] = "アドレス"; bgimg[4] = "アドレス"; bgimg[5] = "アドレス"; bgimg[6] = "アドレス"; bgimg[7] = "アドレス"; bgimg[8] = "アドレス"; bgimg[9] = "アドレス"; bgimg[10] = "アドレス"; bgimg[11] = "アドレス"; chip = new Date(); document.body.background = bgimg[chip.getMonth()]; // --> </script> です。アドレスミスはありません。 それとも私のPCからのみ見れないのでしょうか?

質問者が選んだベストアンサー

  • ベストアンサー
回答No.1

まずはJavaScript部分を以下のようにしてから、 ------------------------------------------------ <script type="text/javascript"> <!-- function monthly(){ bgimg = new Array(); bgimg[0] = "アドレス"; bgimg[1] = "アドレス"; bgimg[2] = "アドレス"; bgimg[3] = "アドレス"; bgimg[4] = "アドレス"; bgimg[5] = "アドレス"; bgimg[6] = "アドレス"; bgimg[7] = "アドレス"; bgimg[8] = "アドレス"; bgimg[9] = "アドレス"; bgimg[10] = "アドレス"; bgimg[11] = "アドレス"; chip = new Date(); document.body.background = bgimg[chip.getMonth()]; } // --> </script> ------------------------------------------------ 次に、<body>タグにこのスクリプトを起動するための記載を入れます。 <body onload="monthly();"> ※<body>タグの中に、「 onload="monthly();"」を追加すればOKです。 これで試してみてください。

henomamu
質問者

お礼

正常に作動しました。 ありがとうございます。<Body>タグが弄られていない状態でしたので、作動しなかったようです。 これにて質問を締め切らせていただきます。

関連するQ&A

  • ホームページ背景の、透過率設定方法。

    HPで、毎月背景を変更するように、下記のようにしてあるのですが、 これに、透過率を追加する事は、出来るでしょうか。 出来るようでしたら、追加文等を、教えて下さい。 宜しく、お願い致します。 <SCRIPT language=JavaScript> <!-- back=new Array(12); back[0]="/bg1.jpg"; back[1]="/bg2.jpg"; 途中省略 back[10]="/bg11.jpg"; back[11]="/bg12.jpg"; myDate=new Date(); myBack=myDate.getMonth(); document.write("<body background='"+back[myBack]+"'>"); //--> </SCRIPT>

  • テキストボックスの背景色について

    <html> <body> <form name="form1"> <input type="text" value="よろしく" name="text1"> <script language="javascript"> document.form1.text1.style.background-color = "green"; </script> </form> </body> </html> これはテキストボックスの背景色をグリーンにするプログラムなんですがうまくいきません。どこが間違っているのか指摘してください。

  • クリックで背景変更するタグ

    素材屋さんなどによくある、画像をクリックをすると背景が変わるというプログラムを作りたいのですが、調べてみたタグではうまくいきませんでした。 <tr><td><a href="#" onClick="javascript:bgChange('画像ファイル名');return false"><img src="画像ファイル名" border="0"></a></td></tr> 以下を<HEAD>区間に貼り付け <SCRIPT LANGUAGE="JavaScript"> <!-- function bgChange(myback){ document.body.background=myback; } //--> </SCRIPT> これだと、画像のプロパティがhttpで始まるものはうまくいくのですが、マイドキュメントに保存してある画像(自分で撮った写真など)では、背景が真っ白になってしまいます。 Win98、ブラウザはIE5.5です。 どなたか、教えてくださると幸いです。

  • 外部シートの背景色を得る

    xx.cssに .bodybg{background-color: #eeeeee} と書いてあります。 こうしてbodyの背景色が決められています。 このbodyの中から#eeeeeeを得ようとして <head> <title></title> <link rel="stylesheet" type="text/css" href="xx.css"> </head> <body class="bodybg"> <script language="JavaScript"> function func(){ alert(document.body.bgColor) } </script> と書きました。得たいのは#eeeeeeですが、単に#eeeeeeといて得るのではなく、bodyの背景色を得る方法を教えてください。

  • タグの書き方

    困っております。 以下のロジックに ”TARGET="_BLANK" ”を記述する場合は どのように入れれば作動しますか? お教え下さい。 上記途中省略 <SCRIPT TYPE="text/javascript"> <!-- var background_out = "#E4E4E4"; var background_over = "#FFFFFF"; var menu_name = new Array("*********", "*********", "***********", "********", "********", "********"); var address = new Array("http://******.html", "http://******.html", "http://******.html", "http://******.html", "http://******.html", "http://******.html"); if(window.createPopup){ var menu_status = ""; var oPopup = window.createPopup(); menu_status = '<DIV STYLE="border:1px solid black; background:' + background_out + ';">'; 以下省略

  • 時間帯によって背景画像を変える

    タイトル通りなのですが、なかなかうまくいきません・・・。 <BODY style="background-image:url(test.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;"> スタイルを使って右下に背景画像を表示しています。このtest.gifを時間帯によって変えたいです。 自分なりにこのようにしてheadタグの中に埋め込みましたがうまくいきません。 <SCRIPT LANGUAGE="JavaScript"> <!--- function geth(t){ if (t<=5) document.write("<BODY style='background-image:url(test1.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=11) document.write("<BODY style='background-image:url(test2.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=17) document.write("<BODY style='background-image:url(test3.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); else { if (t<=23) document.write("<BODY style='background-image:url(test4.gif);background-repeat:no-repeat; background-attachment:fixed;background-position:bottom right;'>"); }}} } //---> </SCRIPT> <SCRIPT LANGUAGE="JavaScript"> <!--- h = new Date(); geth(h.getHours()); //---> </SCRIPT> <BODY BACKGROUND='test.gif'>という普通の背景の表示の仕方ならうまくできました。スタイルはheadの中では使えないのでしょうか・・・?どのようにすればうまくいくでしょうか?JavaScriptに関してはほとんど無知ですがよろしくおねがいします。 ※意味不明なことを言っていたらすみません。

  • セルの背景画像ランダムチェンジがうまくいきません!

    過去の質問などを参考にセルの背景画像のランダムチェンジのソースを作りましたがうまく表示されません!何かアドバイスがあれば是非お願いします。 <head> <script language="javascript"> var BGimg=new Array(); BGimg[0]="image/01.gif"; BGimg[1]="image/02.gif"; var img_pcs=BGimg.length;//画像の数 var rdm_num=Math.floor(Math.random()*img_pcs);//乱数 function chg_BGimg(){ document.getElementById("changeIMG").style.backgroundImage="url('"+BGimg[rdm_num]+"')"; } </script> </head> <body onload="chg_BGimg();"> <table bgcolor="#333333"> <tr> <td id="changeIMG" style="background-image:url('image/first.gif');">このセルの背景が変わります</td> <td>blank</td> <tr> </table> </body> (実際のテーブルは列11×行9です。) 以上がソースです。どうも初期設定のfirst.gifが一瞬だけ表示されて、あとはテーブルの背景色になり、何も画像が表示されてず、「×」マーク(画像が見つからなかった場合にでるアイコン)もないのです。 このソースの改良点または、全く違う方法でも結構です、何かアドバイスがあれば是非お願いします。よろしくお願いします!

  • タグを書き込む

    <body> ・ ・ ・ <script type="text/JavaScript"> <!-- function sample(){ document.write("あいうえお<br />") } // --> </script> ・ ・ ・ </body> とするとほかのタグが消えてしまうのですが、ほかのタグを消さずに書き足すことはできないんですか?

  • selectタグで日付を生成

    プルダウンメニューで、本日から4日後 から 1か月先までの日付をYYYY/MM/DDの形式で生成して表示されたいのですが、それをvalueに入れる方法が分かりません。 下記までは書いてみたんですが、 <option value="???">のところに何と書いていいのか分からなくなってしまいました。。 for文などループ処理で書いた方がキレイだとは思いますが、 イマイチ分からなかったので、併せて御教授いただければと思います。 <script type="text/javascript"> document.write(AddDate(+4)+'~'+ AddDate(+30)); function AddDate( n ){ var day = new Date( (new Date).getTime()+n*24*60*60*1000); return (day.getFullYear() + "/" + (day.getMonth() + 1) + "/" + day.getDate()); } </script> <select name="delidate"> <option value=""><script type="text/javascript">document.write(AddDate(+4));</script></option> <option><script type="text/javascript">document.write(AddDate(+5));</script></option> <option><script type="text/javascript">document.write(AddDate(+6));</script></option> <option><script type="text/javascript">document.write(AddDate(+7));</script></option> <option><script type="text/javascript">document.write(AddDate(+8));</script></option> <option><script type="text/javascript">document.write(AddDate(+9));</script></option> <option><script type="text/javascript">document.write(AddDate(+10));</script></option> <option><script type="text/javascript">document.write(AddDate(+11));</script></option> <option><script type="text/javascript">document.write(AddDate(+12));</script></option> <option><script type="text/javascript">document.write(AddDate(+13));</script></option> <option><script type="text/javascript">document.write(AddDate(+14));</script></option> <option><script type="text/javascript">document.write(AddDate(+15));</script></option> <option><script type="text/javascript">document.write(AddDate(+16));</script></option> <option><script type="text/javascript">document.write(AddDate(+17));</script></option> <option><script type="text/javascript">document.write(AddDate(+18));</script></option> <option><script type="text/javascript">document.write(AddDate(+19));</script></option> <option><script type="text/javascript">document.write(AddDate(+20));</script></option> <option><script type="text/javascript">document.write(AddDate(+21));</script></option> <option><script type="text/javascript">document.write(AddDate(+22));</script></option> <option><script type="text/javascript">document.write(AddDate(+23));</script></option> <option><script type="text/javascript">document.write(AddDate(+24));</script></option> <option><script type="text/javascript">document.write(AddDate(+25));</script></option> <option><script type="text/javascript">document.write(AddDate(+26));</script></option> <option><script type="text/javascript">document.write(AddDate(+27));</script></option> <option><script type="text/javascript">document.write(AddDate(+28));</script></option> <option><script type="text/javascript">document.write(AddDate(+29));</script></option> <option><script type="text/javascript">document.write(AddDate(+30));</script></option> </select> 分かり難く申し訳ないですが、宜しくお願い致します。

  • 背景ランダム

    JavaScriptを使って背景をランダムに変更したいので すが、その背景ごとにを左上固定や縦リピートなど を設定することは出来るのでしょうか? 宜しくお願い致します ちなみにCSSは基本だけですが理解しています <SCRIPT LANGUAGE="JavaScript"> <!-- function randomWall() { if (navigator.appVersion > '5' || (navigator.appName == 'Microsoft Internet Explorer' && navigator.appVersion > '4')) { var max = 6; wall = Math.floor(Math.random() * max) + 1; if (wall == 1) { document.body.background = '1.gif' } else if (wall == 2) { document.body.background = '2.gif} } } //--> </SCRIPT>

専門家に質問してみよう