JavaScript

Javascript

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

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

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

 

ということで、

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

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

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

テスト開始!!

 

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

 

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

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

 

早速調べてみると、

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

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

 

仕方ないので、

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

こんな感じです。

 

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

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

そこは我慢!!

 

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

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

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

 

本当は、

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

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

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

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

 

ただ、

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

 

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

簡単にダウンロード出来てしまいます。

 

さらに、

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

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

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

  • 個人でWordPressを使ったサイト構築をお考えの方
  • 自社でホームページの構築・運用をお考えの方
  • 企業のWEB担当者の方

内容

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

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

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

ご用意頂くもの

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

などなど、

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

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

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

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

関連記事

  1. JavaScript

    Javascript

    Javascriptで画像サイズを取得したい

    &lt;img src="sample.jp" alt="サンプル" …

  2. JavaScript

    Javascript

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

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

  3. JavaScript
  4. JavaScript

    Javascript

    jQuery - $("select") / $('select[name="name属性"]')

    本日ですが、セレクトボックス(プルダウン)を一括で操作したくて、…

  5. JavaScript

    Javascript

    Google Static Maps API V1の終了

    かなり前に組んだガラケーサイトでGoogle Mapを表示させていたの…

  6. JavaScript

    Javascript

    setInterval()とsetTimeout()

    Javascriptでタイマー設定する時に使用する関数にsetTime…

最近の記事

  1. WordPress(WP)
  2. 404 Not Found
  3. WordPress(WP)
  4. WordPress(WP)
  5. PHP
  6. PHP
  7. 風邪予防
  8. WordPress(WP)
  9. PHP
  10. 宅建
PAGE TOP