update HTML bridge part

Author: fangj

README.md

@@ -47,6 +47,49 @@ To use a WebViewJavascriptBridge in your chrome extension:
 		})
 	}, false)
 
+HTML
+----------
+To use a WebViewJavascriptBridge in your HTML page:
+1) Add "bridgeServerHtml.js" and "bridgeClientHtml.js" to your page. bridgeServerHtml.js Must be first and bridgeClientHtml.js Must be last.
+
+	<script src="bridgeServerHtml.js"></script> <!--muse be first -->
+	<script src="user_client.js"></script> 
+	<script src="user_server.js"></script> 
+	<script src="bridgeClientHtml.js"></script>  <!--muse be last -->
+
+2) Set up the background side:
+	
+	console.log("user_server.js called!");
+	bridge.sinit(function(data,responseCallback){
+		console.log("Received message from javascript: "+data);
+		if(responseCallback){
+			responseCallback("Right back atcha");
+		}
+	})
+	function serverSend(){
+		bridge.ssend("Well hello there");
+		bridge.ssend("Give me a response, will you?", function(responseData) {
+			console.log("Background got its response! "+responseData);
+		})
+	}
+	setTimeout(serverSend,1000);
+
+3) Set up the foreground side:
+
+	console.log("user_client.js called!");
+	document.addEventListener('WebViewJavascriptBridgeReady', function onBridgeReady(event) {
+		var bridge = event.bridge
+		bridge.init(function(message, responseCallback) {
+			alert('Received message: ' + message)   
+			if (responseCallback) {
+				responseCallback("Right back atcha")
+			}
+		})
+		bridge.send('Hello from the javascript')
+		bridge.send('Please respond to this', function responseCallback(responseData) {
+			console.log("Javascript got its response", responseData)
+		})
+	}, false)
 
 IOS
 ----------