![](http://oshiete.xgoo.jp/images/v2/pc/qa/question_title.png?8acaa2e)
こんにちは、二つ質問させて下さい。
色々探してみたのですが、原因がわかりません。
1)<INPUT TYPE="button" value="クリック" onClick="klicken('hyouzi')"
tabindex=1 style="color:#000000;border:solid 1px
#ffffff;background:#ffffff">
<input type="button" value="閉じる" onClick="window.close()" tabindex=1>
この二つがNN4.78で表示されません。とほほさんで調べたらNN4でも動作するようなんですが・・・何が間違っているのでしょうか?
2)innerHTML内で改行をしたいのですが、できないでしょうか?
どちらかでもご存知の方いらっしゃいましたら教えて下さい、お願いします。
No.4ベストアンサー
- 回答日時:
#2です。
lead1976さんがお書きになっているように、NN6以上では、
onMouseOver="document.getElementById('d1').innerHTML='テストページ1の説明が表示されます'"
という風に記述しないと動作しませんよ。
こうしておけば、NNだけでなくIEやOperaでも動作しますので、DOMの基本的な記述法として覚えておくと便利です。
この文を途中で改行するなら、
onMouseOver="document.getElementById('d1').innerHTML='テストページ1の説明が<BR>表示されます'"
とすればいいです。
NN4xに関しては、興味がないのでわかりません。ごめんなさい。
WEBページで得られる情報は、必ずしも最新情報とは限りませんので、そのへんをチェックし踏まえた上でご利用になるのがいいと思います。
2度目の回答ありがとうございます。
すいません、私の知識不足でした。
javascriptはまだまだ勉強し始めたばかりで、意味不明なことを返していたのなら本当にすみません。仰るとおりに記述しましたら、7.1でも動きました。
>WEBページで得られる情報は、必ずしも最新情報とは限りませんので、そのへんをチェックし踏まえた上でご利用になるのがいいと思います。
ご指摘ありがとうございます。よく本屋で探してはいるのですが、適当なものが見つからず、つい、オンライン上で検索をかけてしまいます。
検索をかけるときは心掛けるようにします。
![](http://oshiete.xgoo.jp/images/v2/common/profile/M/noimageicon_setting_02.png?8acaa2e)
No.3
- 回答日時:
input要素等のフォーム部品については、NN4.xxではform要素内に入っていないと、狙い通りの表示・動作は確保できないようです。
form要素の中に入っていれば、フォーム部品として使われる要素も正常に解釈されるようになると思います。 そのフォーム部品を配置する部分を、全体的に一つのform要素で括ってしまえば良いのではないかと思います(<form><input></form>のように、input要素を個別に囲むのではなく)。
innerHTML内での改行は、HTMLの記述で強制改行させる場合と同じ記述をすればよいでしょう。 ですので、改行させたい位置に<br>を記述すればよいはずです。
ただ、NN4.xxを対象にJavaScriptからHTMLの内容の書き換えを行わせたいのであれば、NN4.xxはdocument.all[targetID].innerHTMLと言う記述には対応していませんので、別の方法を使う必要があります。
そちらの方法については、参考URLのスクリプトなどが参考になると思います。
document.layers[targetID].document.open();
document.layers[targetID].document.write(~);
document.layers[targetID].document.close();
などと言う記述があるあたりが、NN4.xxでinnerHTML的な動作をさせる部分にあたるはずです。
なお、DOMと呼ばれるインターフェイスに対応している最近のブラウザでは、
docuemnt.getElementById(targetID).innerHTML=""
と言うような記述で、
document.all[targetID].innerHTML=""
と同じような動作が得られます。 こちらについても、参考URLのスクリプトで少し確認できると思います。
具体的なソースがないので、不具合の直接的な原因を指摘することはできませんが、参考になれば。
参考URL:http://www.red.oit-net.jp/tatsuya/java/Fleft4.htm
この回答への補足
ご回答ありがとうございます。
おかげさまで、inputの窓閉じは表示されるようになりました。
もうひとつのほうはもう少し自分でがんばってみようと思います。(NN4.78では解釈されるようになりましたが、7.1で解釈されない)
innerHTMLのほうは、<body>に直接
<a href="test1.html" onMouseOver="d1.innerHTML='テストページ1の説明が表示されます'" onMouseOut="d1.innerHTML=''">テストページ1へ</a>
と記述してあります。(お役立ち小技集さんのほうからコピペしただけです)
先程NNで確認したら、大元のタグでも動きませんでした。
参考urlありがとうございます。参考にさせていただきます。
No.2
- 回答日時:
すみません。
横レス失礼します。>innerHTMLはIE専用?みたいですね。
NN6.0以上、Operaなども認識しますよ。DOMが使えるブラウザならOKだと思います。でもNN4xでは使えないでしょう。IE専用は innerText ですね。innerHTMLで代用できますから、あえて使う必要はないと思います。
innerHTML内には、当然HTML形式で書く必要があるので、改行は<br>でいいんじゃないでしょうか。というより、それしかないのでは?
NN4は持っていないというか無視しているので、よくわかりませんが、スタイルシートはともかく普通のHTMLなら普通に表示できそうなので、
> <input~>
> →説明
となるのは「→説明」を<FORM>~</FORM>の外に出しているのではないですか?
この回答への補足
ご回答ありがとうございます。
検索をかけたら、推奨?と説明されていたので、そう思ってました。専用と推奨では随分違いますね、失礼しました。
しかし、NN(4.78と7.1)でチェックしても動いてくれないんです。記述ミスがあるのかもしれません。
>innerHTML内には、当然HTML形式で書く必要があるので
そうなんですが、another HTMLでチェックすると、どうしてもinnerHTML=''内に<>を入れると文法違いとしてはじき出されてしまうので、ほかに方法があるのかと思ったんです。
>となるのは「→説明」を<FORM>~</FORM>の外に出しているのではないですか?
これは中に入れても外に入れても改行されてしまうみたいです。しかも何故かNN4.78では動いて7.1では動いてくれません。
No.1
- 回答日時:
こんばんわ。
1)
<INPUT>タグを<FORM>~</FORM>で囲っていますか?
NN4はIEみたいに曖昧な(?)記述が出来ないので^^;
2)
解釈が間違っているかもしれませんが‥‥
改行したい場所に<BR>を追加でいいと思います。
この回答への補足
回答ありがとうございます。
1)そうでした。ものすごく初歩的なことだったんですね。ただ、これだと、隣にかいてある文字列
<input~>→説明
というレイアウトが
<input~>
→説明
と表示されてしまうのですが・・・tableを使うしかないでしょうか?
2)すいません、innerHTMLはIE専用?みたいですね。
<br>でいいんですが、これだと使い方が間違っているらしいんです。
なので、ほかにないかと探していたんですが・・・
文字参照を使うと動作しなくなってしまって・・・
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- JavaScript javascriptでテーブルに追加した項目のid追加してローカルストレージを操作したい 5 2023/01/01 15:52
- JavaScript jsで質問です。 ボタンが二つ存在し、両方のボタンがクリックされたことをチェックしたいのですが、どの 4 2022/11/22 10:30
- JavaScript コードレビューをお願いします。 1 2022/07/16 05:38
- HTML・CSS CSSが効かずどのように指定すれば良いか分からないのでアドバイスお願い致します 2 2023/06/07 12:25
- JavaScript clear機能を失わずにファイルアップロード機能を作成したい 3 2023/06/10 16:12
- JavaScript プログラムがうまく動きませんレビューお願いします 1 2022/07/10 05:08
- JavaScript javascriptのちょっとした動作不良(原因は突き止めたのですが) 1 2023/06/15 19:58
- HTML・CSS アコーディオンメニューが思うように動作しません。 1 2023/08/20 16:48
- HTML・CSS <!DOCTYPE html> <html> <head> <meta charset="utf-8 2 2023/01/05 01:04
- JavaScript アップロードファイルの種類によって処理を分岐させたいのですが書き方が分からずアドバイスお願いします 4 2023/06/17 19:12
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
excle VBA とweb上の検索を利用...
-
WSHのIEオブジェクト操作後のク...
-
Null またはオブジェクトではあ...
-
TEXTAREA内の改行位置をinnerHT...
-
XMLでのAttributeを持ったNode...
-
NN4.78で動きません・表示され...
-
連動するセレクトボックスの内...
-
複数プルダウンでメニューを初...
-
removeEventListenerの必要性
-
HTMLに書き込むことなく、イベ...
-
Java Script 買い物フォームで...
-
変更したstyleの値を変更前に戻...
-
自然数を序数に
-
DOM要素を削除しても、イベント...
-
<a>タグのテキストを取得
-
C#OpenCv V4にのエラーに関する...
-
GASでundefinedエラーが出ます
-
window.openでタイトル名の指定
-
同じIDで定義した要素の配列を...
-
ASP+アクセスでのSQLコメントに...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
FireFoxのjavascriptで自動でキ...
-
Latexに関する質問です。
-
DOM要素を削除しても、イベント...
-
XMLでのAttributeを持ったNode...
-
TexでΣの添え字の位置直し
-
JavaScript window.openで開く...
-
javascriptの基本的なことだと...
-
Null またはオブジェクトではあ...
-
iframeのソースを取得したい
-
選択肢によってラジオボタンを...
-
excle VBA とweb上の検索を利用...
-
文字を一文字ずつ表示
-
ラジオボタンでreadonlyの切替え
-
responseTextについて
-
VBAのIE操作でframe構造のサイ...
-
JavaScriptのdocument.all("変...
-
要素のリサイズをひろい、他の...
-
オンマウスについて
-
サブウィンドウからのスタイル...
-
java詳しい方宜しくお願いします。
おすすめ情報