別ファイルの情報をiFrameにするとiPadでは表示不能！どう回避する？

ＨＴＭＬをあまり知らない人に新着情報欄を更新させる際、iframeが解決策かなぁ？と思って組み立てていくと、なんとiPadでは表示ができないことに気付いてしまった。

どう、回避する？

ネット上の情報ではiPadを検出して、専用のCSSを割り当てるアイデアが豊富に見つかるものの、半信半疑で試していくこととした。

iframeをdivで囲ってCSSでかなり工夫するアイデアが示されているので、それらを順に試すものの、あまり格好が良くない。その順を逆に囲ってみたりしたけど、それもNG。
回避策であって解決策ではなさそう。

別ファイルに記述した掲載文字情報、という位置関係を維持するだけであれば、このような解決策はどうか？と思って構築すると、うまくいった。

★★★　HTML側　★★★

★★★　Javascript側　★★★　ファイル名を「hoge.js」として保存
// JavaScript Document
document.write("

"); document.write("

2014.1.29

"); document.write("

大浴場休館日のご案内。2014年3月1日（土）～ 2014年3月21日（金）は、『大浴場の改修工事』のため休館させていただきます。
3月22日（土）より通常営業営業いたします。

"); document.write("

2013.12.13

"); document.write("

全館休館日のご案内。来たる12月27日（金）～12月30日（月）は、『館内メンテナンス』のため全館休館させていただきます。
12月31日（火）より通常営業いたします。

"); document.write("

");

タグ：iframe iPad JavaScript

遅くなりましたがVISTAです。

ウィンドウズ・ビスタが発売されたのが本年１月３０日だったような記憶があります。

で、アドビ社のＣＳ３などの対応を保障したような製品も少なく、しばらくは様子見を決め込んでいて、その期間も長くなりいよいよ１０ヶ月目となりました。

そして製作しているＷＥＢサイトもさまざまな環境、さまざまなブラウザで閲覧しても大丈夫であることを保障する関係から、ついにビスタで閲覧しても大丈夫かどうか？も問われる時代となりました。

なので、遅くなりましたがＶＩＳＴＡのアルティメット版をインストールすることとなりました。

で、ビスタが動き出して初めての用事を、この記事書きにすることとしました。

これからどんな不都合が出てくるか判りませんが、エアロは綺麗で軽いし、まずは新しくて楽しくて綺麗な部分を一通り味わおうと思います。

それと先日発表された動く壁紙にも興味があって、これも今回導入に踏み切った理由のひとつでもあります。

まずは製作中のＷＥＢサイトがちゃんと見えるかどうかの確認です。

今日から本番稼動！

制作スケジュールが半年間もに及んだ超スローなＷＥＢリニューアルプロジェクトが、ついに本番稼動の日を迎えました。

クレフィール湖東
http://www.senko.co.jp/crefeel/

まぁ、リニュ前の構成そのものは1997年に起業し始めた時の古い構造だったので、ＨＴＭＬは手書きだったし、フレームを使うリスクも考慮されていないし、更新以外の手入れがなされていなかったので、当然と言えば当然の作業であったわけです。

やっと普通のホームページ風に修正されただけなので驚くような仕掛けは無いのですが、顧客がリニューアル後の完成版を心待ちにしていたので、お役に立てたという安堵感でいっぱいです。

ＷＥＢ制作の取材と称してキャンプへ

ホームページ制作と日々のサイト更新を受注契約している為、いろいろなお客さん先へ新しい情報の取材に出かけたりします。
その中でも「大阪府立総合青少年野外活動センター」のホームページ掲載素材の取材で出かける時などは、完全にキャンプ場へお出かけモードになります。

大阪府立総合青少年野外活動センター
http://www.o-forest.org/outdoor/

取材用のデジタルカメラ機材一式を持って、子供達とはしゃぎながら山野を走り回ります。メタボな自分にとっては、とてもいい運動になります。
かつて30年前にここを走り回った自分が時々ユーレイのようにオーバーラップするので、とても不思議な気分になるキャンプ場です。
ブログに地図を貼り付けることが出来るらしいので、この機能を用いてキャンプ場の所在地を示してみます。

大阪府立総合青少年野外活動センター