人力検索はてな
モバイル版を表示しています。PC版はこちら
i-mobile

googleマップのふきだしのHTML(openInfoWindowHtml)に、tableでwidthを設定しても、文字の回りこみをしないのが困っています。

↓のプログラムで、<table>や<td>にwidthを設定しているのですが、
文字がwidthを超えて表示されてしまいます。(画像を見てください)
本当は、テキストがwidthで回り込んで欲しいのですが‥
openInfoWindowXslt(xml,xsl);でやっても、同じでした。

【プログラムjavascript】
var marker = new GMarker(point);
var title = "タイトル";
var text = "ああああああああああああああああああ";
//クリックしたときの処理
GEvent.addListener(marker, "click", function() {
html="<table border=1 bgcolor=red width=100><tr><td width=100>";
html+="<strong>";html+=title;html+="</strong>";
html+="</td></tr><tr><td width=100>";
html+=text;
html+="</td></tr></table>";

marker.openInfoWindowHtml(html); // ポップアップを表示
});

marker.openInfoWindowHtml(html); // ポップアップを表示

【HTMLにすると】
<table border=1 bgcolor=red width=100>
<tr><td width=100>タイトル</td></tr>
<tr><td width=100>ああああああああああああああああああ</td></tr>
</table>

このエラーについて分かる人、
噴出しのレイアウトに詳しい人がいましたら、教えて下さい。
お願いしますm(_ _)m

1148473264
●拡大する

●質問者: hiyarihatto
●カテゴリ:インターネット ウェブ制作
✍キーワード:Click Googleマップ HTML JavaScript point
○ 状態 :終了
└ 回答数 : 2/2件

▽最新の回答へ

1 ● llusall
●35ポイント ベストアンサー

エラーではなく、普通の動作と思います。

過去回答ですが、こちらはいかがでしょうか?

http://q.hatena.ne.jp/1146471838

2 回答者

スタイルシートで、word-break: break-all; という定義を行うのがよいでしょう。


http://q.hatena.ne.jp/1142442742

1 回答者

簡単な解決策は<wbr />を入れることです。

◎質問者からの返答

あるがとうございます。

このページを参考に試してみようと思います★


2 ● thunder9119
●35ポイント

http://www.openspc2.org/JavaScript/Ajax/Ajax_study/chapter07/006...

こちらのHPは参考になりませんでしょうか?

真ん中あたりに幅の設定が載っていますが…

◎質問者からの返答

このページ見ると、出来そうですね。

後で試してみようと思います。

ありがとうございますm(_ _)m

関連質問


●質問をもっと探す●



0.人力検索はてなトップ
8.このページを友達に紹介
9.このページの先頭へ
対応機種一覧
お問い合わせ
ヘルプ/お知らせ
ログイン
無料ユーザー登録
はてなトップ