From 77c7d0287387b124bf87a03de259be31c4153231 Mon Sep 17 00:00:00 2001
From: Frederic Junod <frederic.junod@camptocamp.com>
Date: Mon, 9 Sep 2013 09:55:26 +0200
Subject: [PATCH] Better user notification if a.download attribute is not
 supported

---
 examples/export-map.html |  4 ++++
 examples/export-map.js   | 23 ++++++++++++++++-------
 2 files changed, 20 insertions(+), 7 deletions(-)

diff --git a/examples/export-map.html b/examples/export-map.html
index 2f0a868b8c..67817501df 100644
--- a/examples/export-map.html
+++ b/examples/export-map.html
@@ -31,6 +31,10 @@
       <div class="row-fluid">
         <div class="span12">
           <div id="map" class="map"></div>
+          <div id="no-download" class="alert alert-error" style="display: none">
+            This example requires a browser that supports the
+            <a href="http://caniuse.com/#feat=download">link download</a> attribute.
+          </div>
           <a id="export-jpeg" class="btn" download="map.jpeg"><i class="icon-download"></i> Export JPEG</a>
           <a id="export-png" class="btn" download="map.png"><i class="icon-download"></i> Export PNG</a>
         </div>
diff --git a/examples/export-map.js b/examples/export-map.js
index d5239521b7..5c19f346e9 100644
--- a/examples/export-map.js
+++ b/examples/export-map.js
@@ -20,11 +20,20 @@ var map = new ol.Map({
 });
 
 var exportJPEGElement = document.getElementById('export-jpeg');
-exportJPEGElement.addEventListener('click', function(e) {
-  e.target.href = map.getRenderer().getCanvas().toDataURL('image/jpeg');
-}, false);
-
 var exportPNGElement = document.getElementById('export-png');
-exportPNGElement.addEventListener('click', function(e) {
-  e.target.href = map.getRenderer().getCanvas().toDataURL('image/png');
-}, false);
+
+if ('download' in exportJPEGElement && 'download' in exportPNGElement) {
+  exportJPEGElement.addEventListener('click', function(e) {
+    e.target.href = map.getRenderer().getCanvas().toDataURL('image/jpeg');
+  }, false);
+
+  exportPNGElement.addEventListener('click', function(e) {
+    e.target.href = map.getRenderer().getCanvas().toDataURL('image/png');
+  }, false);
+} else {
+  var info = document.getElementById('no-download');
+  /**
+   * display error message
+   */
+  info.style.display = '';
+}