Showing a nice message for browsers with javascript disabled. closes #36

diff --git a/app/views/site/index.rhtml b/app/views/site/index.rhtml
index 895885360f03bef6100ec927f5f71f07ca5a12ec..f924f7a1431e8f3a4b7b301eb0da0c6dfad2250c 100644 (file)
--- a/app/views/site/index.rhtml
+++ b/app/views/site/index.rhtml
@@ -8,6 +8,10 @@
 <%= render :partial => 'key' %>
 <%= render :partial => 'search' %>
 
+<noscript><div id="noscript"><p>You are either using a browser that doesn't support javascript, or you have disabled javascript.</p>
+<p>OpenStreetMap uses javascript for its slippy map.</p>
+<p>Try the <a href="http://tah.openstreetmap.org/Browse/">OpenStreetMap static tile browser</a>.</p></div></noscript>
+
 <div id="map">
 <div id="permalink"><a href="/" id="permalinkanchor">Permalink</a></div>
 </div> 

diff --git a/public/stylesheets/site.css b/public/stylesheets/site.css
index 2ede490efc557377171b7deecc156fa285495741..c6b56621506386fdcbb0d27fe91d27176deccb50 100644 (file)
--- a/public/stylesheets/site.css
+++ b/public/stylesheets/site.css
@@ -639,3 +639,10 @@ input[type="submit"] {
   width: 100%;
   text-align: center;
 }
+
+#noscript {
+  z-index:20000000;
+  position:absolute;
+  top:15px;
+  left:15px
+}