Added IndexedDB Shim to example and main page.

Parashuram · Parashuram · commit 40a83f4e3a21 · 2012-06-10T19:31:30.000-07:00
diff --git a/demo/index.html b/demo/index.html
@@ -3,13 +3,15 @@
     <head>
         <title>IndexedDB Jquery Plugin</title>
         <meta charset="utf-8">
+        <script type = "text/javascript" src = "/IndexedDBShim/indexeddb.shim.js">
+        </script>
     </head>
-    <body style = " font-family: Helvetica Neue, Verdana, Helvetica, Arial; font-size:14px; background:#6788AD;  background: -moz-linear-gradient(top, #496687 0%, #6889AE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #496687), color-stop(100%, #6889AE) );">
-        <div style = "width : 80%; margin : 0 auto; box-shadow: 0 0 20px #122F4B; ">
+    <body style =" font-family: Helvetica Neue, Verdana, Helvetica, Arial; font-size:14px; background:#6788AD;  background: -moz-linear-gradient(top, #496687 0%, #6889AE 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #496687), color-stop(100%, #6889AE) );">
+        <div style ="width : 80%; margin : 0 auto; box-shadow: 0 0 20px #122F4B; ">
             <div style ="text-align: center; overflow : hidden" class = "title">
                 <h1 style ="background-color: #122F4B; color: #ffffff; margin: 0; padding: 0.3em; font-weight:normal; font-family:Georgia, 'Times New Roman', Times">JQuery IndexedDB Plugin- API Demo</h1>
             </div>
-            <div id = "examples" style = "background-color: white">
+            <div id = "examples" style ="background-color: white">
             </div>
             <script src="../lib/jquery.min.js" type="text/javascript">
             </script>
diff --git a/index.html b/index.html
@@ -14,9 +14,7 @@
             <h1>JQuery IndexedDB Plugin</h1>
             <div id = "content">
                 <div id = "download">
-                	<a href = "jquery.indexeddb.js" target = "_blank" class = "punch">
-						Download jquery.indexeddb.js
-					</a>
+                    <a href = "jquery.indexeddb.js" target = "_blank" class = "punch">Download jquery.indexeddb.js</a>
                 </div>
                 <p>
                     <a href = "http://www.w3.org/TR/IndexedDB/">IndexedDB</a>
@@ -36,6 +34,9 @@ <h1>JQuery IndexedDB Plugin</h1>
                         </li>
                     </ul>
                 </p>
+                <p>
+                IndexedBD is not supported on <a href = "http://caniuse.com/#search=IndexedDB" target="_blank">all browsers</a>. You can use the <a href= "/IndexedDBShim/index.html">IndexedDB polyfill</a>
+                over WebSQL to get the plugin working on Opera, Safari, iPad, iPhone, etc. 
                 <div>
                     <h3>Try it Now!</h3>
                     <pre id = "tryit"></pre>
