iframeの高さを自動調整するjQueryプラグイン jquery-iframe-auto-height
iframe（インラインフレーム）は、外部のURL（HTMLファイル、PHP）や他のドキュメントを、画面中にインラインで表示することができる便利なタグです。 しかし、読み込ませる内容によっては、iframeの中でページ移動をした際に、スクロールバーが出てしまったり、最初に設定したiframeの高さに満たないコンテンツが表示された場合、画面の下の方に空白ができてしまい、機能性はともかく見た目の美しさが損なわれます。 そこで登場するのが今回ご紹介するjQueryのプラグイン、「jquery-iframe-auto-height」です。iframeに読み込まれるコンテンツの高さを自動取得して、iframeの高さを変更してくれるというものです。 このプラグインの優れているところは、iframeのタグを既述するHTMLにだけ、このプラグインを読み込ませればOKという手軽さです。読み込ませる先の階層の
jQuery が IE でうごかねぇーーー、って思ったので、メモっとく。 - 雑想空間
jQuery・・・。 便利だけど、意外と IE でうごかねぇよ・・・。 option の最後に , を書いた場合。 例えばこんなとき $.ajax({ url: "〜〜〜〜", type: 'POST', dataType: 'xml', timeout: 10000, data: { "keyword": "test", }, error: function(){ alert('Error loading XML document'); }, success: function(xml){ hogehoge_success_flow; } });これ、IE でエラーがでる・・・。 原因は "keyword": "test",こいつです。 option を指定するとき、最後の１行には,を書いてはダメ。 firefox だと大丈夫だけどね。 $("＜a＞") みたいな感じで aタグのエレメン
WordPressでテーマからJavascriptやCSSを読み込む書き方まとめ
WordPressでテーマを作る場合、Javascriptや外部CSSを使うことも多いと思いますが、テーマのheader.phpに直接書くのではなく、functions.phpから一括で管理する方法です。 WordPressでは、キューに追加されたJavascriptやCSSを wp_head() や wp_footer() の位置で、自動的に適切な順番で出力してくれます。特にjQueryなどのライブラリやjQueryプラグインを使用する場合は、複数のjsファイルに依存関係が発生し、読み込む順番が決まってくる場合があります。こういう時でも、一括管理していればあとあとで変更が楽になります。こんな感じ。 /** * スクリプトとスタイルをキューに入れる */ function my_scripts() { // 管理画面では読み込まない if ( !is_admin() ) { // スタイル
一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版 | JavaScript | かたつむりくんのWWW
一定時間で自動的に消える New マークを付ける JavaScript の jQuery 版 小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」（最近のブログ記事）のところにある星マーク（New マークのこと）がそれで（下図参照）、3日以内に作成されたブログ記事に表示されるようにしています。 このテクニックは、荒木さんご自身の著書『 Movable Type... 小粋空間さんのところで紹介されている「新着エントリーのあるカテゴリーに New マークをつける」の jQuery 版を作ってみました。 このブログの「 Recent Entries 」（最近のブログ記事）のところにある星マーク（New マークのこと）がそれで（下図参照）、3日以内に作成されたブログ
jQuery for Designers - Tutorials and screencasts
Welcome to jQuery for Designers Learn how easy it is to apply web interaction using jQuery Search Search for Featured Simple use of Event Delegation Posted on 14th June 2011 — Event delegation may be some techie term that you’d rather shy away from, but if you’ve not already used it, this example will show you a simple but powerful use of event delegation. View Tutorial 16 Comments Tutorials – It’
Coin Slider: jQuery Image Slider Plugin with Unique Effects
Features Compatible with Internet Explorer 6+, Firefox 2+, Safari 2+, Google Chrome 3+, Opera 9+ Free to use under MIT licence Compatible with Android and iPhone Unique transition effects Valid markup Flexible configuration Auto slide Navigation box Lightweight (8kb only) Linking images Fully customizable using CSS
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
写真スライド jCarousel - Riding carousels with jQuery