印刷画面不要！指定範囲のみ印刷できるjQueryプラグイン「jPrintArea.js」 | スタッフブログ | 株式会社クーネルワーク
どーも。谷です。 最近いくつかのWEBサイト制作案件で、印刷画面のご要望を頂きました。印刷のためだけにページのテンプレートを用意するのも手間なので、簡単に指定範囲のみ印刷できるという噂のjQueryプラグイン「jPrintArea.js」を使ってみました。 何年も前からよく使われているもののようですが、本家サイトからは既に削除されているので、使ってみたい方はこちらのコードをコピーして、「jQuery.jPrintArea.js」と名前をつけて保存してください。 jQuery(document).ready(function($){ $.jPrintArea=function(el){ var iframe=document.createElement('IFRAME'); var doc=null; $(iframe).attr('style','position:absolute;wid
YouTube Player APIを使用したiframe動画の基本vol2 – ミュートの切り替え | Stronghold Archive
どうもこんにちは。toshikuraです。今回のTipsは【YouTube Player APIを使用したiframe動画の基本vol2 – ミュートの切り替え】です。前回から引き続きYouTube Player APIのiframe Embedsの記事です。前回は動画の設置と再生停止に関しての記事でしたが今回は音量の切り替えが対象なります。 実装方法 動画の設置に関しては割愛していますので詳しくは動画の設置と再生停止をご確認ください。 HTML <div id="player"></div> <a class="youtube_mute" href="#">MUTE</a> <a class="youtube_unmute" href="#">UNMUTE</a> $(‘.youtube_mute’).click(function(){ player.mute(); }); アンミュート
YouTube Player APIを使用したiframe動画の基本vol1 – 動画の設置と再生停止 | Stronghold Archive
どうもこんにちは。toshikuraです。今回のTipsは【YouTube Player APIを使用したiframe動画の基本vol1 – 動画の設置と再生停止】です。少し前にvimeoAPIについて記事を書きましたのでYouTubePlayerAPIについても書いてみようかと思いました。内容は簡単ですができることも多いので覚えておいても損は無いかと思います。 まずはじめに 最初にYouTube Player APIを使用したiframe動画（YouTube Player API Reference for iframe Embeds）を使用するにあたってAPIを読み込んでおく必要があります。また今回のデモではコードを短くしたかったのでjQueryを使用しています（なくてもOKです）。 <script src="js/jquery-1.9.0.min.js"></script> <scr
Youtube の埋め込み動画を自動再生やループ再生やプレイリストを再生する方法
投稿日：2014/02/16 サイトに Youtube の埋め込みプレイヤーを貼り付ける方法は二つあります。 一般的なのは Youtube の再生ページから貼り付けコードを取得したときに使われる、iframe の HTML5 のコードです。 他に Java Script Player API という様々なパラメータを使える貼り付け方があるのですが、こちらはコードが長く一般的ではありません。 大半のパラメータは iframe HTML5 のプレイヤーで使用できるので、こちらのタイプでの設定方法を紹介します。 Youtube の再生ページから、共有＞埋め込む＞コードを取得、で取得したコードは次のようになります。 <iframe width="幅" height="高さ" src="https://www.youtube-nocookie.com/embed/動画 ID" frameborder
『【カスタマイズ】動画をヘッダーの背景に設定する方法』
※2016年11月21日 更新 コードや本文を一部変更済み。以前のものだと動画上下に黒い背景が表示されてしまうため、新たにjQueryを使用したコードに変更しました。 詳細については、新たにご紹介した記事をご用意しましたので、ご参照ください。 YouTube動画をヘッダーの背景に設定する方法 ------- 先日Youtube動画をヘッダーの背景として利用したサンプルページを作成してみました。 その紹介記事を書いてみたところ、ちょこちょこ反響をいただきましたので、今回この記事にてYoutube動画をヘッダーの背景に設定する方法についてご紹介していきます。 動画をお持ちの方は、ぜひチャレンジしてみてください。 Youtube動画をヘッダーの背景に設定する方法 完成イメージは、以下のサンプルページのヘッダーです。 >> 動画ヘッダーサンプル ※2016/11/21更新 新たな動画ヘッダーを作成
jQueryを使ってiframe要素の中身にアクセスする | バシャログ。
残暑の蒸し暑さから、涼しさを通り越して、寒いと感じる今日この頃、tanakaです。 今日はjQueryでiframe要素の中にアクセスして、情報を取得したり、改変したりする方法を紹介します。 jQueryは、Webページに対するアクセスを簡潔に表現できるライブラリですが、iframe内の文書にまで、 $('div iframe p') といった感じでアクセスすることはできません。ドキュメントが違うからでしょうか？正しい理由はわかりませんが、同時に2つのページをまたいで処理するのは混乱しそうなのでこれはこれでいいと思います。で、そういったときにアクセスする方法があるのでご紹介します。 [追記 2010/09/27]注意点として、親フレームとiframe内ドキュメントのドメインが異なる場合はアクセスできません。 iframe内のドキュメントにアクセスするにはcontents() $(...).
jQueryでiframeの親ページからインラインフレーム内の子ページを操作する方法｜BLACKFLAG
Webページ上でiframeを使った際、インラインフレーム内に読み込むページは、 基本的にはその（子）ページ内でCSSなどそれぞれ設定することになりますが、 jQueryを使ってiframeの親ページから子ページの操作をする方法があったので メモ書き程度に紹介してみます。 jQueryでiframeの親ページから子ページを操作する方法 ◆SCRIPT $(function(){ $(window).load(function(){ $('iframe').contents().find('○○') ～ 処理 ～ ; }); }); 「.contents」を使って対象をiframeの子ページにして、 「.find」で特定要素を指定、その後に処理する内容を記述します。 例えば、iframeの子ページ内の＜p＞タグに対して、 テキスト色を「赤」にする場合は以下のように記述します。 ◆SCRIPT
【インフォシーク】Infoseek ： 楽天が運営するポータルサイト
日頃より楽天のサービスをご利用いただきましてありがとうございます。 サービスをご利用いただいておりますところ大変申し訳ございませんが、現在、緊急メンテナンスを行わせていただいております。 お客様には、緊急のメンテナンスにより、ご迷惑をおかけしており、誠に申し訳ございません。 メンテナンスが終了次第、サービスを復旧いたしますので、 今しばらくお待ちいただけますよう、お願い申し上げます。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
