橋本商会 » 別ドメインのiframeの中身をフレーム外からスクロール
諸事情あって、iframeの中身をフレーム外側のページからJavaScriptでスクロールできるのを作った。 ふつうは別ドメインのページをiframeに読み込むとスクロールできないんだけど、（marginに負の値を入れたりして）iframeごと上下左右に動かしたり、iframeの外側にbox要素2つ付けてはみだした部分を表示しないようにcssでなんか色々やったりしたらそれらしい物ができた。 デモ XFrame.js shokai/xframe.js · GitHub 使い方は簡単である js読み込んで <script src="xframe.js"></script> XFrameを出したい箱を作って <div id="tv"></div> 読み込む var xframe = new XFrame("div#tv"); xframe.load("http://shokai.org"); あ
すげー便利！ドメイン別にスタイルシート（CSS）を当てる方法。
ドメイン別にスタイルシートを当てる方法。 iframe[src*="youtube.com"]{ width: 500px; height: auto; } iframe[src*="nicovideo.jp"]{ width: 320px; height: auto; } 例えば、YouTubeの外部プレイヤー（iframe）の横幅は500にしたいけど、ニコニコ動画の外部プレイヤーは320にしたいときは、上のように書くと上手く動作します。 a[href*="wayohoo.com"]{ color: red; } a[href*="goryugo.com"]{ color: blue; } ちなみに、aタグをドメイン別に指定する場合はこのようになります。(wayohoo.comは青色、goryugo.comは赤色とする場合) タグ名[属性名*="URL"]{ /* CSSの中身 */ }
IE6でiframeを使うときに注意すること｜WEB Drawer｜web制作に関するネタの引き出しサイト
IE6とiframeというもうあまり使わなそうなこの2つですが、あることをしてしまうとiframe内のコンテンツがまったく表示されない現象があったので、その解決方法を調べました。 DD_belatedPNG.jsを使用すると表示されなくなる いろいろ調べた結果、原因はiframe内のコンテンツに透過PNGを使うためのjs、DD_belatedPNG.jsでした。 IE6ではiframe内のコンテンツでDD_belatedPNG.jsを使用するとiframe内のものが表示されないことがあります。 参考ページ iframeとDD_belatedPNG 解決方法 上記の参考サイトにも書いてありますが、iframeにposition: relative;を指定すると表示されるようになります。 /*-- iframeに適用 --*/ iframe { position: relative; } PN
Firefoxで複数のiframeのコンテンツが入れ替わるバグ - l4l
バグ？ よくポータルサイトなんかに表示されているレクタングル広告がiframeなんかで呼ばれますが、複数iframeが存在する場合でFirefox閲覧時にそれらのiframeのコンテンツが入れ替わることがあります。んでその再現コードを書いてみた。 iframeが入れ替わる <script type="text/javascript"> if((Math.random()*2)|0)document.write('<iframe src="http://www.google.co.jp/" frameborder="0" scrolling="no"></iframe>'); </script> <iframe src="http://www.yahoo.co.jp/" frameborder="0" scrolling="no"></iframe> １つ目のiframeはGoogle、表
Ajaxなページで「戻るボタン」を機能させる方法:phpspot開発日誌
JavaScriptとLightBoxを組み合わせたスマートな写真の見せ方サンプル「Sucke... 次の記事 ≫：花火アニメーションをJavaScriptで実装「Fireworks.js」 Ajax Back Button Hack Ajaxなページで「戻るボタン」を機能させる方法。 Ajaxなページでは、ブラウザの「戻るボタン」を押すと、通常は、前に開いていたページに戻ってしまいます。 Ajaxでページを１，２，３と開いていって、２に戻りたいのに、前に開いていたページに戻るのは利用者としては不本意な動作です。 そこで、IFRAMEを使った、Ajaxでの「戻るボタン」実装ハック方法の紹介。 Ajaxで画面を切り替えた際に、IFRAMEのsrcも切り替えることで戻るボタンを動作させることが出来ます。 例えば、javascriptで次のようにIFRAMEのsrcを切り替えます。 <ifram
So-netでIFRAMEを使う技: 脈絡もとりとめもない独り言
何事も無理だと決めつけてかかっては駄目なんだというお話。 同じSo-net blog内の「音楽方丈記」というblogの記事に，So-net blogでIFRAMEを使う裏技(?!)が載っていた。 <script type="text/javascript"> <!-- document.write('<ifr'+'ame>～</ifr'+'ame>'); //--> </script> のようにして，writeメソッドの引数の中にIFRAMEタグを書くのだそうだ。この時，「iframe」を+演算子で分割しているところがポイント。繋げて書くと，正しく動作しないブラウザがあるらしい。また，当然ながら，引数の中には改行を含めてはいけない。<br>タグなどを使って1行で記述する必要がある。 いやはや，コロンブスの卵(って最近はあまり使わないかな?)というか何というか，いわれてみれば成程，とは思うの
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
「秒速で1億PV稼ぐ条件」をエンジニアに聞いてみた