<input type="submit" value="submit" class="btn" >
で記述したボタンにロールオーバーを設定したいのですが、訳あってinput内に書くことができません。
色々と調べて試してみたのですが上手くいかないので、どなたか教えていただけませんか? よろしくお願いします。
私が試した方法は、<head></head>内に
<script TYPE="text/javascript">
<!--
startEvent("window","load","Over")
function Over(){
startEvent("document.forms[0].elemens[1]","onmouseover","Color");
}
function Color(){
document.forms[0].elemens[1].style.backgroundColor = "orange";
}
-->
</script>
以上を記述するという方法です。
No.2ベストアンサー
- 回答日時:
window.onload=function(){
document.forms[0].elements[1].onmouseover=Color;
}
function Color(){
this.style.backgroundColor = "orange";
//document.forms[0].elements[1].style.backgroundColor = "orange";
}
No.4
- 回答日時:
No.3へのコメント
W3C的には問題ありとはいえないのでは?
しかし、ブロック要素を要求するケースもあるわけで、
改行を嫌う必然性がない限り、理想的には、<span>よりも
<div>を使用するのがよいのかも。以下参考抜粋:
Generally, block-level elements may contain inline elements and other block-level elements. Generally, inline elements may contain only data and other inline elements. Inherent in this structural distinction is the idea that block elements create "larger" structures than inline elements.
No.3
- 回答日時:
「訳あって」の訳次第じゃないですかねぇ・・・
単純にsubmitを何らかの理由でいじれないなら、
それをspanではさんでしまうというのは許される
のでしょうか?こんなかんじ
<span onMouseover="Color()">
<input type="submit" value="submit" id="btn0" class="btn" >
</span>
<script language="javascript">
function Color(){
document.getElementById('btn0').style.backgroundColor = "orange";
}
</script>
No.1
- 回答日時:
こんなのはいかがです?
つかえるか保障はありませんが。
document.(省略).onmouseover='関数のカッコなし'
DOMの勉強のときにどこかのサイトで見ました。
「ドラッグアンドドロップでオブジェクトを動かす」
みたいなところで出てましたのでそちらのほうを見てみては
参考URL:http://www.hajimeteno.ne.jp/dhtml/dist/js13.html
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript 入力フォームの javascript で メールアドレスの正規チェックをを行い、ボタンをクリックして 2 2022/04/27 16:06
- JavaScript ①入力フォーム→②確認表示画面→③送信完了画面のコードを書いているのです、 入力フォームから受け取っ 2 2022/05/10 16:45
- HTML・CSS ボタンをクリックした時に、入力フォームのすぐ下部に、「入力欄が空白です」というテキストメッセージが表 1 2022/04/27 16:25
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
- JavaScript Javascriptが機能せず原因が分からないので教えて頂きたいです 3 2023/06/04 14:50
- HTML・CSS CSS のみのタブ切り替えについて 1 2023/01/11 16:47
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- JavaScript sessionStorageを調べています。 1 2023/06/20 12:41
- JavaScript javascript作成してます。ラジオボタンで判定するコードを書いてます。 1 2023/07/18 11:03
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
ラジオボタンでreadonlyの切替え
-
XMLでのAttributeを持ったNode...
-
Null またはオブジェクトではあ...
-
removeEventListenerの必要性
-
VBAでIEのボタンを押してメッセ...
-
ブラウザのウィンドウサイズに...
-
初めからカンマが付いている数...
-
excle VBA とweb上の検索を利用...
-
google マップ サイズ変更
-
Javascriptで定期的にF5を押す...
-
Firefoxの拡張で擬似的にキーイ...
-
ジャバスクリプトで表と背景色...
-
FireFoxのjavascriptで自動でキ...
-
window.openでタイトル名の指定
-
javascript 特定のタグのidの存...
-
二次元配列を使って順位をだす...
-
今日の月と日付の1週間後や3日...
-
idを使わずにonclickで自身の要...
-
ページ内に複数表がある場合のT...
-
GASでGoogleフォームの自動返信...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
JavaScript window.openで開く...
-
このjavascriptのif文、条件式...
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
javascriptの基本的なことだと...
-
文字を一文字ずつ表示
-
showModalDialogで開いた画面を...
-
Null またはオブジェクトではあ...
-
Javascriptのhtml出力についてa...
-
codejump 模写コーディングgall...
-
LaTeX:数式を等号揃えにする方法
-
javascriptのdocument.allにつ...
-
excle VBA とweb上の検索を利用...
-
Latexに関する質問です。
-
乗換案内 VBAで操作したい
-
JavaScriptのdocument.all("変...
-
Javascriptで定期的にF5を押す...
-
選択によってsubmitボタンの色...
-
スマホでフォームにフォーカス...
-
iframeのソースを取得したい
おすすめ情報