締切済み

body onload

2008/05/16 13:08

リンクボタンの裏面のボタン画像を<body onload= を使わずに onloadをさせる方法ありますでしょうか？ <body onload=を使わないとonclickした時にボタン画像がなくなって背景が見えてしまいます。説明が下手かもしれませんが、宜しくお願いします。

amd64
お礼率0% (0/42)

JavaScript
回答数1
ありがとう数1

みんなの回答 （1）
専門家の回答

みんなの回答

yambejp
ベストアンサー率51% (3827/7415)

2008/05/16 13:19 回答No.1

関連するQ&A

<body onload=""> と window.onload

JavaScriptのonload処理についての質問です。現在Java、JSP、JavaScript等でWebアプリケーションを作成しているのですが、 bodyタグ中のonloadに記載したファンクションが時々呼ばれないという問題が起きています。（こんな感じで記述　<body onload="hoge();hogehoge();"> 　hogehoge()がたまに呼ばれないことがある・・・）これを回避する方法として、「onload処理をwindow.onloadに記述すれば良い」という話を聞きました。（こんな感じで記述　<script> 　　　window.onload = function(){ hoge();hogehoge(); } 　</script> ）「bodyタグ中に記述するとたまに呼ばれないものが、window.onloadに記述すると確実に呼ばれる」なんてことがあるのでしょうか？「２つめのファンクションが呼ばれない」という現象がたまにしか発生しないので、 window.onloadに記述する方法で確実に呼ばれるようになったという保証がとれません。知識として知っている方がいれば是非教えていただきたいです。よろしくお願い致します。 ※ブラウザはIEを使用　バージョンは　IE → 6.0 　　　　 JavaScript → 1.1　です。　
関数を呼び出すHTMLタグ<body onload="hoge()">について

ほぼ独学でJavaScriptを学んでいるので、一般的なコード（ＨＴＭＬ含め）の書き方が分かりません。 JavaScriptでは、ボタンや画像をクリックすると動作する、というものが多いですが、そうではなくて、（それはonclick等で関数を呼び出せば良いことは分かります）時計のように、アクセスした瞬間から実行されるプログラムを複数書きたい時は、どのようにするのが妥当でしょうか。 <body onload="hoge()">では、関数hoge()しか実行されないことになりますよね。そうではなくて、hoge()以外にもいくつかの関数を実行したい時はどうするのが一般的ですか？ここでＣ言語のように、hoge()をmain関数（int main(void){}）のような扱い方にすると、 hoge()関数内で呼び出されている関数も呼び出されることになりますが、そのような書き方で良いですか？アクセスの効率の良さから考えて、他に良いやり方はあるでしょうか。・・・前に困ったので<body>タグを２つ付けて２つの関数をonloadアトリビュートで呼び出すという、奇々怪々なことをやってみて、それでIE7,FireFox3で動いていたので驚いたんですが、そんなやり方はさすがに御法度ですよね(笑)。答えにくい質問だと思いますが、アドバイスお願いします。
body onload にしない方法

外部jsにて function chgBg() { var n = 2; var i = Math.floor(Math.random()*n); var img = ['http～～～']; document.getElementById('ID').style.backgroundImage = 'url(' + img[i] + ')'; } っとし htmlに <body onload="chgBg()"> っとして、読み込み後にイメージをランダムに表示しています。問題なく、動作はするのですが <body onload="chgBg()"> ではなく <body> のまま、この動作をしたいのですが js側に何か追加すればこれは可能なのでしょうか？リロードするたびに、背景がランダムに表示することがしたいです。
onloadがうまくいかない

onloadを使って、下記HPのtoggleエフェクトのJSが適用されたボタンを押したいのですがうまくいきません。 http://demos.mootools.net/Fx.Slide 現在作成コードの一部は、ヘッダー部から、 <script type="text/javascript"> 　window.addEvent('domready', function(){ 　　//-vertical 　　var mySlide = new Fx.Slide('test'); 　　$('toggle').addEvent('click', function(e){ 　　e = new Event(e); 　　mySlide.toggle(); 　　e.stop(); 　　}); 　}); </script> <body onload="document.getElementById('help').click()"> <input type="button" id="help" name="toggle" value="ヘルプを表示"> <div id="test"> ヘルプ内容 </div> </body> みたいな感じで、他にもログアウトボタンやらあるんですが、それらのボタンは上記onloadの方法で起動できます。なぜかJSが適用されてるボタンだけ出来ないような感じなのですが、何か解決策はありますでしょうか？
onloadでprintしたいのですが

<body onload="window.print();">で更新ボタンを押さないと印刷ダイアログが開きません原因がわかりません。よろしくご指導お願い致します。
外部ファイルでBODYのonloadイベントの関数を指定するには？

（１）<BODY onload="funcA()">という形でなく、ヘッダー内に入れた外部ファイルに（２）document.body.onload=funcA; としたいのですが、「document.bodyはオブジェクトではありません」というエラーになってしまいます。 <script language="javascript" src="xx.js">は <head></head>の中に入れています。どうしたら（２）の方法で、外部ファイルでbodyのonloadイベントの関数を指定できるでしょうか？
body onload 自動フォーカス

body onload 自動フォーカスお世話になっております。 PHP・・・ちょっとは分かる JavaScript・・・ほとんど素人という程度の知識の者です。すみません。次ページのテキストに自動フォーカスをするプログラムを構築しております。諸々調べた結果、以下のコードで実行テストは成功しました。 <html> <head> </head> <body onLoad="document.form1.field1.focus()"> <form action="#" name="form1"> <p>パスワード：<input type="password" name="field1" size="25"></p> </form> </body> </html> 以下２点ご質問がございます。１） name属性についてですが、本番プログラムでは、 name="aaa-bbb-ccc" というように、「-」が入っております。そうすると、フォーカスの実行は失敗してしまします。 nameに「-」なしの名前をつければ問題ないのですが、他のプログラムでも使用している名前の為、変更せずに構築することができればと考えております。何かよい方法はございませんでしょうか。２）次ページに遷移した時に、テキストにフォーカスを当てるのと同時、そのテキスト位置までスクロールすることは可能でしょうか。同じく、<body onload=location.href='#aaa'>という形で、指定idの場所にスクロールすることはできましたが、上記１）と組み合わせることができればと思います。長々すみません。要約すると、「次ページ遷移時にあるテキストをフォーカスしその場所までスクロールする」ことが目的です。何卒宜しくお願い申し上げます。
onLoadでのClick()

onLoadのコマンド？からClick()を使って新しいウインドをターゲット指定でオープンさせたいんですが、いろいろ調べて試してみたんですが全然わからなくて。。(;^_^A アセアセ…　普通にonLoadでのオープンは出来るんですがマウスをクリックしたイベントが必要なんですぅぅどなたかこんな私に愛の手をお願いします。説明が下手ですみません<m(__)m>
window.onLoad について

<body> タグに、onload=関数名・・・　と記述するとなぜかオブジェクトがありませんとかで実行されない時があるため、 <head>タグ内に <script type="text/javascript"> 　window.onLoad=function(){ 関数名} </script> と記述してみたところ、まったく関数が動作しなくなってしまいました。ステータスには「ページが表示されました」とでていて、スクリプトエラーにもなっていないようです。原因がわからず、それならば・・・ htmlを順番に表示していくのだから、htmlの最後のほうに記述すればいいのでは？と思い、 </body>の直前に <script type="text/javascript"> 関数名　　←　onloadで動作させる関数 </script> と記述してみたところ、うまく表示できました。この記述方法って正しいのでしょうか？環境に依存するのか、毎回悩まされるし、毎回対処方法が違ったりしているのでホントに困っています。アドバイスお願いします。 #何故　window.onLoad=function(){ 関数名 }　ではまったく動かなかったのでしょう。。。
onloadの同一ページ内の干渉対策

お世話になります。 CGIで呼び出した、任意の大きさの画像データを、一定のフレーム内に収める為に、サイズ調整をする関数を、HTML内に以下のように置いたのですが、やはり、onLoad同士が干渉し合う様で、特に最初のresize1関数によって表示されるはずの画像が表示されません。設定したいフレームの大きさが4種類ほどあるのでどうしても複数設置になってしまいます。自分なりに、幾つかのonloadの複数設置対策を試みたのですが、今のところ、有効な結果が出るに至っていません。因みに、ブラウザの更新ボタンを押した後は、関数処理後の画像が表示されるので、関数自体には問題はないかと考えています。解決策を持っていらっしゃる方がいれば、是非、ご教授の程、よろしくお願致します。 <HEAD>内 function resize1() {} function resize2() {} function resize3() {} function resize4() {} <BODY>内 <img src="" onload="resize1(this)"> <img src="" onload="resize2(this)"> <img src="" onload="resize3(this)"> <img src="" onload="resize4(this)">
<body onload="display_image()">が実行されません

いつもお世話になります。下記java scriptにて画像(4枚)をランダムに表示させるようにしたいのですが、なぜか<body onload="display_image()">が実行されず表示されません。これを新規で移せば実行されるのですが、作成中のHTML上ではなぜか文字色がグレーとなり実行されません。アドバイスお願い致します。 <div align="center"><br /> <Script type="text/javascript">  </Script> <body onload="display_image()"> <img src="image8" name="image8" width="700" height="400" id="image8" /></div> </Body>
下記コードの実行方法について質問です。

問題のコードは下記ですが、 bodyタグに onLoad="firstFunc()" と書かずに実行したいのですが、スマートな方法はないでしょうか？よろしくお願いいたします。 <script type="text/javascript"> function firstFunc(){ var aFunc = document.getElementById('btn'); aFunc.onclick = function(){ alert('りんご'); } } </script> </head> <body onLoad="firstFunc()"> <button id="btn" name="ボタン">getElementByIdでonclickのイベントを追加できる。</button> </body>
JavaScriptでリンクの背景にある画像をOnMouseOver時

JavaScriptでリンクの背景にある画像をOnMouseOver時に変更する方法がわからなくて困っています。 webページを作っているのですが、OKWaveのサイトの上のタブのように画像を背景とするリンク上にマーカーが来たときにその画像の下部50％を表示するようにしたいのですがうまくいきません。マーカーがリンク上に無い時には画像の上部50％を表示するようなものにしたいと思っています。スタイルシートでリンクに指定したidなどで処理したいと思っています。説明が下手かと思いますが、サンプルコード等を教えてください。
onload onunload onbeforeunloadのタイミング

<body onload="kansuu()" onunload="kansuu()" onbeforeunload="kansuu()"> </body> javascriptでkansuuを呼び出すタイミングがイマイチ分かってません。 1回更新ボタンを押せば3つのイベントハンドラが動くのですが、上記のように実行すると実行結果はunbeforeunloadのせいでページが2度更新されてしまいます。 onsubmitにreturn falseがあるようにページを2度更新をしないでonbeforeunloadを実行できるのでしょうか。あと、kansuu()をいじらずにbody内で処理できるものなのでしょうか。分かる方ぜひ教えてください
onloadで動かない<DHTML+AJAXアイデア見本>より

いつもお世話になっております。今回は、標記の「DHTML+AJAXアイデア見本」のサンプルを使ってメニューをつくりました。（見本no.10）リストタグで作られたメニューをロールオーバーすると横にポップアップする、というものです。同じページに画像でスワップするボタンを配置したところ、onloadが上書きされて動きません。たぶんスクリプトの記述順によってどちらかが動かないのです。アイデア見本によると、onloadが競合するときは <script type="text/javascript"> initDhtmlMenu(); </script> のようにイニシャライズさせるような呪文が添えられています。それは、そのjsプログラム内にあるものをとりだしているようです。私のプログラムではwindow.onload = initLeftMenu;がありますが、よくわかりません。文字数制限のため、スクリプトが記入できませんので、サンプルURLをリンクします。 http://www.imztry.net/dhtml/010/010.html どなたかよろしくお願いします。
on(press)で背景画像変更

最近Flashをはじめた者ですが、調べてもなかなか出てこないので、質問させてください。 Flash上でにボタン設置して、クリックすると背景画像が変わるようにするにはどう記述すればよいでしょうか？ JavaScriptでいう、 onClick=document.body.style.backgroundImage='url(画像名)'; にあたる記述ということなのですが。
Opera における onload イベントの動作について

Opera における onload イベントの動作について「その他」が選択されたときのみ、テキストエリアの無効化が解除されるような仕組みを JavaScript で実現したいのですが、Opera 10.53 で期待通りに動作せず、困っています。内容は、以下の通りです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html lang="ja"> <head> <title>入力画面</title> <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS"> <meta http-equiv="Content-Script-Type" content="text/javascript"> <script type="text/javascript" src="common.js"></script> </head> <body onLoad="testFunc()"> <form action="dummy.html" method="POST" name="myform"> このサイトを知ったきっかけは何ですか？<br> <input type="radio" name="kikkake" value="検索エンジン" id="r1" onClick="testFunc()"> <label for="r1">検索エンジン</label><br> <input type="radio" name="kikkake" value="広告" id="r2" onClick="testFunc()"> <label for="r2">広告</label><br> <input type="radio" name="kikkake" value="口コミ" id="r3" onClick="testFunc()"> <label for="r3">口コミ</label><br> <input type="radio" name="kikkake" value="その他" id="r4" onClick="testFunc()"> <label for="r4">その他</label>　　　<textarea cols="40" rows="5" name="sonota" style="vertical-align: top;"></textarea><br> <input type="submit" value="確認"> </form> </body> </html> ------------------------- common.js の中身は以下の通りです。 function testFunc(){ if(document.myform.kikkake[3].checked == true){ document.myform.sonota.disabled = false; }else{ document.myform.sonota.disabled = true; } } 閲覧者が「確認」ボタンを押した後、入力内容を修正するためにブラウザの「戻る」ボタンでフォームに戻ってくる場合を想定して、onload イベントを設定しています。しかし、Opera で試したところ、「その他」にチェックを入れた状態で「確認」ボタンを押し、その後にフォームに戻ると、テキストエリアが無効化されたままになってしまいます。解決方法をご教授いただければ幸いです。
onloadのタイミング

HTMLを全て表示したら、処理の結果としてJAVASCRIPTでalertを出しています。（主にエラーメッセージです）で、onloadを使っているのですが、表示されないうちに、alertが先に表示され、alertを消す、確認ボタンを押さないで長時間おいておくと、 htmlの表示もされません。既に表示が終わったと思ってる？　感じです。これって、仕方が無いことなのでしょうか？表示が終わらないうちにalertがでるのは諦めるとしても長時間あけてalertを消した場合、html表示を続行する方法って無いでしょうか？よろしくお願いします。
onload時にPostBackを発生させる方法

ASP.net初心者です。 function Test() { document.forms[0].method = "post"; document.forms[0].action = "test.aspx"; document.forms[0].submit(); } ボディタグ部 <body onload="Test();"> ソースコードは上記のようになっており、 onload時にJavaScriptで意図的に PostBackを発生させようとしたのですが、 "Testはtest.aspxのメンバではありません" とコンパイルエラーがでてしまいます。どのようにすればonload時にPastBackを発生させることが出来るのでしょうか？ご回答いただければ幸いです。
JavaScriptのonLoadイベントが、発生したり発生しなかったりする。

■環境　・Mac OS X(バージョン10.3.4) 　・Internet Explorer for Mac(バージョン5.2.3) ■詳細　・HTMLが読み込まれたときにJavaScriptのhogehoge関数を実行させたいため　　HTMLの<BODY>タグを下記のように記述している。　　　<BODY "onLoad=hogehoge()"> 　・当該HTMLを読み込んだとき、あるときはhogehoge関数が実行されるが　　あるときは実行されない。　　→onLoadイベントが発生していないよう。　・上記現象に再現性なし。　・他ブラウザでは、当該HTMLのonLoadイベントは必ず発生する。　　確認したブラウザは下記の組み合わせ。　　　・Mac OS 9(9.2.4) + Internet Explorer 5(5.1.7) 　　　・Mac OS 9(9.2.4) + Netscape 4.7 　　　・WindowsXP + IE6.0(SP2) 　　　・WindowsXP + Netscape 4.77 ■質問　・上記現象は、Internet Explorer for Mac(バージョン5.2.3)の　　既知の障害でしょうか。　・回避方法(onLoadイベントを必ず発生させる方法)はありますでしょうか。

body onload

みんなの回答

関連するQ&A

<body onload=""> と window.onload

関数を呼び出すHTMLタグ<body onload="hoge()">について

body onload にしない方法

onloadがうまくいかない

onloadでprintしたいのですが

外部ファイルでBODYのonloadイベントの関数を指定するには？

body onload 自動フォーカス

onLoadでのClick()

window.onLoad について

onloadの同一ページ内の干渉対策

<body onload="display_image()">が実行されません

下記コードの実行方法について質問です。

JavaScriptでリンクの背景にある画像をOnMouseOver時

onload onunload onbeforeunloadのタイミング

onloadで動かない<DHTML+AJAXアイデア見本>より

on(press)で背景画像変更

Opera における onload イベントの動作について

onloadのタイミング

onload時にPostBackを発生させる方法

JavaScriptのonLoadイベントが、発生したり発生しなかったりする。

注目のQ&A

カテゴリ
一覧

専門家に質問してみよう
専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

body onload

みんなの回答

関連するQ&A

<body onload=""> と window.onload

関数を呼び出すHTMLタグ<body onload="hoge()">について

body onload にしない方法

onloadがうまくいかない

onloadでprintしたいのですが

外部ファイルでBODYのonloadイベントの関数を指定するには？

body onload 自動フォーカス

onLoadでのClick()

window.onLoad について

onloadの同一ページ内の干渉対策

<body onload="display_image()">が実行されません

下記コードの実行方法について質問です。

JavaScriptでリンクの背景にある画像をOnMouseOver時

onload onunload onbeforeunloadのタイミング

onloadで動かない<DHTML+AJAXアイデア見本>より

on(press)で背景画像変更

Opera における onload イベントの動作について

onloadのタイミング

onload時にPostBackを発生させる方法

JavaScriptのonLoadイベントが、発生したり発生しなかったりする。

注目のQ&A

カテゴリ 一覧

専門家に質問してみよう 専門家登録

あなたにピッタリな商品が見つかる！ OKWAVE セレクト

カテゴリ
一覧

専門家に質問してみよう
専門家登録