![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?e8efa67b6d)
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_09.png?e8efa67b6d)
こんにちは、IE7、VISTAで試しています。
エラーもなく動いたのですが、
sClientXとsClientYの値をフォームメールでデータ送信したくて
clientX=<input type="text" id=sClientX><br>
clientY=<input type="text" id=sClientY><br>
という部分を<form>内に入れると
「sClientXはnullまたはオブジェクトではありません」
というエラーが出ます。
エラーの原因はなんでしょうか?
<HTML>
<HEAD>
<SCRIPT language="JavaScript">
<!--
var sample;
var sClientX;
var sClientY;
var target;
var isDrag=0;
function document_onmousedown(){
isDrag=1;
target=event.srcElement;}
function document_onmousemove(){
if( isDrag ){
target.style.top=event.clientY-8;
target.style.left=event.clientX-8;}
}
function document_onmouseup(){
isDrag=0;
sClientX.value = document.getElementById('sample').style.left;
sClientY.value = document.getElementById('sample').style.top;
}
document.onmouseup = fOnmousemove;
function fOnmousemove()
{
}
//-->
</SCRIPT>
</HEAD>
<BODY onmousemove="document_onmousemove()" onmousedown=
"document_onmousedown()" onmouseup="document_onmouseup()">
<DIV style="position:absolute" id=sample>
このオブジェクトが移動します
</DIV>
<DIV id=text1 style="position:absolute;font-size:24px; cursor:hand">
</DIV>
<form>
clientX=<input type="text" id=sClientX><br>
clientY=<input type="text" id=sClientY><br>
</form>
</BODY>
</HTML>
No.1ベストアンサー
- 回答日時:
紛らわしい命名や参照が原因です。
"sClientX" ってのが、
最初の方の var での定義と、
結果埋め込み用の<input>のidと被っています。
どちらかの名前を変えるか
オブジェクトの参照を省略せずに
document.getElementById('sClientX').value = ~
と、する等の対処で解決すると思います。
早速回答頂きありがとうございます。
試したところ無事うまくいきました。
「var sClientX;
var sClientY;」
は質問内容のように<form>内に入れた後、実行したら「sClientXが宣言されていません」というエラーが出たので、あてずっぽうで入れてみました。そのあと「nullまたはオブジェクトではありません」というエラーでた状態で質問したわけですが意味なかったようですね。
何日間悩んだのですが、質問したらすぐ回答頂き助かりました。ありがとうございました。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
関連するカテゴリからQ&Aを探す
おすすめ情報
- ・漫画をレンタルでお得に読める!
- ・【あるあるbot連動企画】あるあるbotに投稿したけど採用されなかったあるある募集
- ・【あるあるbot連動企画】フォロワー20万人のアカウントであなたのあるあるを披露してみませんか?
- ・映画のエンドロール観る派?観ない派?
- ・海外旅行から帰ってきたら、まず何を食べる?
- ・誕生日にもらった意外なもの
- ・天使と悪魔選手権
- ・ちょっと先の未来クイズ第2問
- ・【大喜利】【投稿~9/7】 ロボットの住む世界で流行ってる罰ゲームとは?
- ・推しミネラルウォーターはありますか?
- ・都道府県穴埋めゲーム
- ・この人頭いいなと思ったエピソード
- ・準・究極の選択
- ・ゆるやかでぃべーと タイムマシンを破壊すべきか。
- ・「I love you」 をかっこよく翻訳してみてください
- ・歩いた自慢大会
- ・許せない心理テスト
- ・字面がカッコいい英単語
- ・昔のあなたへのアドバイス
- ・かっこよく答えてください!!
- ・あなたが好きな本屋さんを教えてください
- ・これ何て呼びますか Part2
- ・人生で一番思い出に残ってる靴
- ・ゆるやかでぃべーと すべての高校生はアルバイトをするべきだ。
- ・初めて自分の家と他人の家が違う、と意識した時
- ・単二電池
- ・チョコミントアイス
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ActiveXobjectが作成できない
-
onchangeイベントを使ってspan...
-
JavaScriptでオブジェクトを取...
-
重複しないくじの作り方がわか...
-
「nullまたはオブジェクトでは...
-
【Tabキー】特定の範囲内だけで...
-
HTML:Tableタグに対し、JavaScr...
-
画像上のクリックした場所が分...
-
任意の座標をクリックさせるには
-
javascript 作成した要素にCS...
-
問題はbind の付いたリスナーを...
-
テキストボックスがブランクの...
-
div要素内の全input要素をdisable
-
アンカークリックのイベントを...
-
<a>タグのテキストを取得
-
xml+xslでの変換内容をtextareaへ
-
Latexに関する質問です。
-
functionから別のfunctionを実...
-
同じIDで定義した要素の配列を...
-
Boolean型配列中のTrueの有無を...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
ActiveXobjectが作成できない
-
<a>タグのテキストを取得
-
重複しないくじの作り方がわか...
-
任意の座標をクリックさせるには
-
javascriptでCSVを呼出しvlookup
-
innerHTML実行後のイベント
-
HTML:Tableタグに対し、JavaScr...
-
onchangeイベントを使ってspan...
-
appendChildがieだとできない??
-
WordPressのコンタクトフォーム...
-
配列の大括弧と丸括弧はどう違う?
-
【Tabキー】特定の範囲内だけで...
-
div要素内の全input要素をdisable
-
JavaScriptでオブジェクトを取...
-
問題はbind の付いたリスナーを...
-
モーダルダイアログウィンドウ...
-
javascript 特定のタグのidの存...
-
テキストボックスがブランクの...
-
日本語入力の禁止
-
javascriptで編集可能不可能の...
おすすめ情報