google mapをサイト内にとりこめると知って、
挑戦しています。
一応、googleのサイトにあったjavascriptを埋め込んで、
表示できるようになりました。
その中に、
document.createTextNode("~~~~~~~"));
というのがありまして、
~~~のところに文字を入れると、
googleマップに吹き出しが出てメッセージが出るようになります。
~~~の部分が長文になると、吹き出しが横に長くなってしまいます。
改行したいのですが、どうしたらよいのでしょうか?
No.2ベストアンサー
- 回答日時:
そのコードを見てみないことには正確に言えませんが、とりあえず。
createTextNodeメソッドはテキストノードを作るメソッドなので、そこで改行を宣言することは出来ません。
改行を宣言するには createElement() でbr要素ノードを作ってください。
NG:
document.body.appendChild(document.createTextNode("test\ntest"));
OK:
var node = [document.createTextNode('test'),document.createElement('br'),document.createTextNode('test')];
for(var i=0,max=node.length;i<max;i++){
document.body.appendChild(node[i]);
}
「JavaScript DOM」で検索すると関連情報が見つかります。
HTMLの予備知識があればDOMは比較的理解しやすいと思います。
document.createElement - 指定タグでのエレメント作成 - JavaScriptリファレンス
http://javascriptist.net/ref/document.createElem …
JavaScript : createTextNode
http://www.openspc2.org/JavaScript/reference4/DO …
element.appendChild - 指定要素へ子要素追加 - JavaScriptリファレンス
http://javascriptist.net/ref/element.appendchild …
すみません、回答遅くなりました。
その後、
DOMについて理解を進めまていろいろな事ができるようになりました。
DOMの勉強に時間がかかったため、当質問内容の部分について作成を見送りました。どうもありがとうございました。
No.1
- 回答日時:
試したわけではないのですが、改行したい部分に"\n"(半角)または"<BR>"を入れたらどうでしょうか?
例:
document.createTextNode("一行目\n二行目");
ソースコードを見たわけではないので断言はできませんが、どちらかで可能なことかと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- Google Maps Google マップの特定の場所を指定した情報を保存し、他の人に送る方法を教えて下さい。 2 2022/05/23 21:08
- Google+ Google からお使いのスマートフォンに通知を送信しました。 本人確認を行うには、Google ア 2 2022/04/26 09:40
- Google Drive Google form を利用して 問い合わせフォームを作りたい 1 2022/04/25 14:15
- iPhone(アイフォーン) Google map のルート保存について 1 2022/05/13 11:50
- Google Maps google map経路検索で、進行方向とmapの向きを一致させたい 3 2022/04/10 14:20
- Google Maps Google map 3 2022/09/17 21:11
- その他(IT・Webサービス) google サイトの目次表示について 1 2023/06/17 23:24
- Chrome(クローム) PCの Google Chrome が頻繁に「ページが応答していません」となり作業が進みません。 1 2023/05/25 20:43
- Google Maps Google map 外部サイトによってピンが発生、消去出来ない 3 2022/08/06 23:16
- JavaScript フォームが空欄の時にフォームの外をクリックすると、エラーが出るコードを調べています。 1 2023/06/25 11:51
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
JavaScript window.openで開く...
-
showModalDialogで開いた画面を...
-
javascriptの基本的なことだと...
-
DOM要素を削除しても、イベント...
-
window.onloadを複数実行したい...
-
Latexに関する質問です。
-
excle VBA とweb上の検索を利用...
-
iframeのソースを取得したい
-
javascriptのdocument.allにつ...
-
ie操作 フレームのURLが...
-
Null またはオブジェクトではあ...
-
google マップ サイズ変更
-
オンマウスについて
-
ドロップダウンメニューを短縮...
-
このjavascriptのif文、条件式...
-
IEのイベントでのウインドウ...
-
Boolean型配列中のTrueの有無を...
-
ActiveXobjectが作成できない
-
C#テキストボックスの文字を配...
-
<a>タグのテキストを取得
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
codejump 模写コーディングgall...
-
このjavascriptのif文、条件式...
-
文字を一文字ずつ表示
-
DOM要素を削除しても、イベント...
-
FireFoxのjavascriptで自動でキ...
-
Javascriptのhtml出力についてa...
-
excle VBA とweb上の検索を利用...
-
Null またはオブジェクトではあ...
-
webページ上のTabキーの動き
-
XMLでのAttributeを持ったNode...
-
JavaScript window.openで開く...
-
ブラウザのウィンドウサイズに...
-
javascriptのdocument.allにつ...
-
javascriptの基本的なことだと...
-
responseTextについて
-
showModalDialogで開いた画面を...
-
iframeのソースを取得したい
-
removeEventListenerの必要性
-
クリッカブルマップのリンク部...
-
ラジオボタンをクリックしたい
おすすめ情報