Ajaxのボタンについて

Question

Ajaxでボタンを押してマップが現れ、もう一度押すとマップが消えるということをしたいのですが
サンプルコードは落ちてないでしょうか。
私が見る限るほとんど参考にならないサイトでした。
もし知っている方がおっしゃればご教授願いたいと思います。
よろしくおねがいします。

Answer 1

マップの画像を取得
マップのテキストデータを取得

前者は、img タグで良ければ ajax なんぞ使わなくてもできます。
前者を本当にやりたいなら、ajax は画像データを受信するにはコツが要る、つまり得意ではないので他の言語の力を借りることになります。

後者は ajax の得意とする所ですが、これもまた テキストデータがどこにどのような状態で存在するのかにより、作るコストが変化します。

で、マップ画像を取得して表示する方法は、他の言語の力を借りて、画像データを読み込み、base64 変換して文字列に変換、ajax へ送信、ajax で文字列の画像を取得して、css data スキーマにより 所定位置に画像を表示する、なんてことになると思います。css か、img タグか、

結局面倒くさいので、タグで良いとおもうけどどうですか。

Comments

[yuiti926]

タグとは具体的にはどのような形ですか？

[ipadcaron]

タグの説明から必要なんですね、、、、
<img /> タグを、ぐぐってみてください。
ぐぐるは、グーグルさんにお伺いを立てることです。

次に、css display をぐぐってください。
jquery が必要になれば、 jquery をぐぐってください。
jquery show hide をぐぐってください。
javascript 表示 非表示 をぐぐってください。検索結果の上2つをじっくり見れば html タグで画像を読み込みつつ、ボタン押したら画像が表示される、という仕掛けが作れるでしょう。

[yuiti926]

ありがとうございます