add readonly toggle button in example

Nathan · Nathan · commit db7aaf7ad19d · 2014-05-15T14:58:36.000+01:00
diff --git a/examples/index.html b/examples/index.html
@@ -9,12 +9,14 @@
         <link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.6.4/leaflet.ie.css" />
     <![endif]-->
     <style>
-        body { margin:0; padding:0; }
+        body { margin:0; padding:0; font-family: arial; }
         #map { position:absolute; top:0; bottom:0; width:100%; }
+        #toggle-readonly { position:absolute; bottom: 0; left: 0; background-color: red; color: #000; padding: 20px; font-size: 2em; cursor: pointer; }
     </style>
 </head>
 <body>
     <div id="map"></div>
+    <div id="toggle-readonly">Toggle Readonly</div>
     <script type="text/javascript">
     
     var map = L.map('map').setView([51.505, -0.09], 13);
@@ -36,6 +38,14 @@
     ],{
         weight: 5
     }).addTo(map);
+    
+    // Trigger for toggling readonly property
+    var readOnly = false;
+    document.getElementById('toggle-readonly').onclick = function(){
+        readOnly = !readOnly;
+        plottedPolyline.setReadOnly(readOnly);
+    }
+    
     </script>
 </body>
 </html>
