skuare.net

iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」

ページに外部ページを表示させる方法にiframeがありますが、XHTML 1.0 StrictやXHTML 1.1で「非推奨要素・属性」となっています。
JQuery iFrame Pluginを使用すれば、これを一見クリア（多分）しつつ、iframeが使用できます。
（追記：2007.11.25）
＊コメントいただいたように、オンラインチェッカーではValidになりますが、出力されたものはValidではありません。
　これにともないタイトルを変更しました。
　変更前：iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」
　変更後：iframeを一見Validに表示するjavascript「JQuery iFrame Plugin」

使用方法
JQuery iFrame Pluginからjquery_iframe.jsを、jQueryからjquery.jsをダウンロードします。
<script src="http://yourdomain/jquery.js" type="text/javascript"></script>
<script src="http://yourdomain/jquery_iframe.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
$('a.iframe').iframe();
});
</script>
あとは以下のように記述すれば完成です。
<a href="リンク先" class="iframe">javascriptオフ時に表示されるテキスト</a>
＊iframe部分を"iframe w:500 h:250"のようにすれば幅と高さを指定できます。
iframeをValidに表示する(?)javascript「JQuery iFrame Plugin」サンプル

｜ ｜ ｜ ｜ ｜ ｜

前の記事：javascriptで要素にグラデーション「Dynamic Gradient Background」
次の記事：時間の入力支援javascript「ClockPick」

関連記事

• amazonライクにぐるぐる回るJavaScript「3D Image Carousel」
• [jQuery]Confirm
• [jQuery]spinner
• [jQuery]SerialScroll
• [jQuery]wSlide