こんにちは、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で質問しましょう!
似たような質問が見つかりました
- JavaScript 画像の表示位置 3 2022/12/23 08:25
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript switch文のswitch(n)の部分を複数の値にするか、if文に変えてほしいです。 1 2022/07/27 17:18
- JavaScript セレクトボックスを2つ設けて選択して初めてメッセを表示 1 2022/07/27 12:15
- JavaScript jQueryでのドラッグアンドドロップについて 1 2022/07/07 21:04
- JavaScript jqueryを使ったスムーススクロールのコードを書いたのですが、HTMLコード内にある、a butt 2 2022/04/14 10:59
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
javascriptで自動計算フォーム...
-
日本語入力の禁止
-
HTML:Tableタグに対し、JavaScr...
-
innerHTML実行後のイベント
-
ActiveXobjectが作成できない
-
リンクボタンからインラインフ...
-
javascript 特定のタグのidの存...
-
<a>タグのテキストを取得
-
配列の大括弧と丸括弧はどう違う?
-
javascript の 命令文の記述で...
-
functionから別のfunctionを実...
-
URLの一部をコピーできるブック...
-
関数でy=g(x)のgとは何の略です...
-
google apps scriptの終了のさせ方
-
空の配列に2次元配列の追加
-
第3日曜日のみの日付を取得、...
-
React hooksが値を返して配列変...
-
javaScript textareaの一行あた...
-
Javascriptで引数の参照渡しか...
-
別窓を開いて、ページ下部中央...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
<a>タグのテキストを取得
-
ActiveXobjectが作成できない
-
onchangeイベントを使ってspan...
-
HTML:Tableタグに対し、JavaScr...
-
任意の座標をクリックさせるには
-
モーダルダイアログウィンドウ...
-
innerHTML実行後のイベント
-
Click回数を数え、規定された回...
-
javascript 特定のタグのidの存...
-
[初心者]javascriptのfor文でな...
-
【Tabキー】特定の範囲内だけで...
-
javascriptでスロットゲームを...
-
JavaScriptとcookieを利用して...
-
日本語入力の禁止
-
javascriptで、表示されている...
-
javascriptで編集可能不可能の...
-
画像の一部を表示
-
DIV内のDIV要素を移動する。
-
javascript の 命令文の記述で...
-
重複しないくじの作り方がわか...
おすすめ情報