WordPress短期学習プログラム
JavaScript

Javascript

画像 右クリックでのダウンロードは禁止!!

普段物件画像を取り扱うシステムを構築することが多いんですが、

不動産会社さんにとって画像は大事な資源です。

 

ということで、

マウスの右クリックでの画像ダウンロードを禁止したい!!

という要望があり早速対応してみることに。

setAttribute('oncontextmenu', 'return(brc2());');
function brc2(){
 return(false);
}

というJavascriptコードを作成して、

テスト開始!!

 

Firefox => OK
chrome => OK
IE8 => OK

 

ところが、IE6では動作してくれません。

更にIE7とOperaでも同様の現象が!!!!!!!!

 

早速調べてみると、

なんとsetAttribute()関数はIE6、IE7、Operaでは動作してくれないと事でした。

これはIE6、IE7のバグとして有名らしいです。

 

仕方ないので、

ブラウザの判定を行なってブラウザによって処理を変更するように修正しました。

var userAgent = window.navigator.userAgent.toLowerCase();
var appVersion = window.navigator.appVersion.toLowerCase();

if(userAgent.indexOf('opera') != -1){
 self._img.oncontextmenu=brc2;
}else if(userAgent.indexOf("msie") != -1){
 if(appVersion.indexOf("msie 6.") != -1 || appVersion.indexOf("msie 7.") != -1){
  self._img.oncontextmenu=brc2;
 }else{
  //IE8以降
  self._img.setAttribute('oncontextmenu', 'return(brc2());');
 }
}else{
 self._img.setAttribute('oncontextmenu', 'return(brc2());');
}

function brc2(){
 return(false);
}

こんな感じです。

 

このソース、もうちょっとスマートに出来そうですが、

今回は取り敢えず動作してくれればOKなんで、

そこは我慢!!

 

因みに、ブラウザの判定は

http://d.hatena.ne.jp/Naotsugu/20110927/1317140891

のサイトを参考にさせて頂きました。

 

本当は、

<img src="画像パス" oncontextmenu="return(false);">

といったように<img>タグに「oncontextmenu="return(false);"」を記述するだけでいいはずなんですが、

ちょっと特別な記述をしてみたかったんで、

今回は敢えてこんな複雑な処理にしてみました。

 

ただ、これは気休め程度の処理と思ってください。

ブラウザ上からソースをみれば画像のパスはばれてしまうので、

右クリックを禁止にしても簡単にダウンロード出来てしまいます。

さらに、マウスで画像をデスクトップなどへ向けてドラッグ&ドロップされてしまえば、

簡単にダウンロードされてしまいます。

 

とは言え、盗まれにくくはなります。

画像も大事な資源なので、大事な画像は盗まれにくくしておきましょう。

弊社では、以下の方に向けて、WordPressの短期学習プログラムを
格安(15,000円~)で提供しております。

  • 個人でWordPressを使ったサイト(個人ブログやアフィリエイトサイトなど)構築をお考えの方
  • WordPressを使って副業で稼ぎたい方
  • フリーランスでWordPressを使ったお仕事をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

基本的には、初心者の方を対象にした学習プログラムです。

※ WordPress制作の上級者の方の場合、弊社の学習プログラムはあまり役に立たないと考えています。

  • ・ WordPressのインストールからセッティングの方法
  • ・ WordPressのテーマ選びについて
  • ・ WordPressのプラグイン選びと設定方法について
  • ・ サーバの準備方法
  • ・ ドメインの取得・管理の方法
  • ・ FTPの設定方法
  • など

ご用意頂くもの

  • ・ ノートPC
    ※ 弊社はWindowsを業務で利用しておりますので、できればWindowsのPCをおすすめしています。
  • WordPressでサイトの制作を考えているが、何から始めればいいのか分からない。
  • ドメインやサーバはどうやって準備すればいいの?
  • そもそもホームページの公開には何が必要なの?

などなど、

どのような内容でも構いませんので、お気軽にお問い合わせ下さい。

お客様の目的をお聞きした上で、最適の学習プランを提案致します。

ご興味のある方は、以下の内容を記載の上、一度お問い合わせ下さい。
こちらより、折り返しメールを致します。

  • ① お名前
  • ② 折り返し先のメールアドレス
  • ③ 希望の学習内容

関連記事

  1. JavaScript

    Javascript

    Yahoo!地図のWeb APIを使ってみました!!

    弊社では今までGoogleMapしか使ってこなかったのですが、使用…

  2. JavaScript

    Javascript

    history.back()

    履歴を残したまま全ページに戻りたい場合、history.back(…

  3. JavaScript

    Javascript

    Google マップのストリートビューを実装してみました!!

    Google マップのストリートビューを実装してみました。&nbs…

  4. JavaScript

    Javascript

    getPanoramaByLocation()メソッド

    前回の続きで、ストリートビュー未対応地域を想定した…

  5. JavaScript

    Javascript

    Geolocation APIで位置情報を取得して、Yahoo!地図を表示

    Geolocation APIを使って位置情報を取得して、Yaho…

  6. JavaScript

    Javascript

    「jQuery ui Datepicker」の基本的な使い方

    先日フォームの作成依頼があった際に、日付欄はユーザーに直接…

最近の記事

  1. SEO(エスイーオー)
  2. WordPressプラグイン「Anti-spam」
  3. システムエラー
  4. PHP(ピー・エイチ・ピー)
  5. SONY 広角レンズ「SEL1018」
  6. PHP(ピー・エイチ・ピー)
  7. 俺流塩ラーメン
  8. SEO(エスイーオー)
  9. Linux(リナックス)
  10. Linux(リナックス)
PAGE TOP