connect chatbot to the backend

index.php

@@ -1427,10 +1427,10 @@ function myMap() {
                 </div>
 
 					<div class="panel-footer" id="inputSec">
-						<div class="input-group">
-							<input id="btn-input" type="text" class="form-control input-sm chat_input" placeholder="Write your message here..." required="required" />
+					<div class="input-group">
+							<input  id="msg_value" autocomplete="off" type="text" class="form-control input-sm chat_input" placeholder="Write your message here..." required="required" />
 							<span class="input-group-btn">
-							<button class="btn btn-primary btn-sm" style="margin-top: 5%;" id="btn-chat">Send <i class="fa fa-send-o" style="font-size:15px; padding-left: 5%;"></i></button>
+							<button class="btn btn-primary btn-sm" style="margin-top: 5%;" id="btn-chat"  onclick ="MsgSend()">Send <i class="fa fa-send-o" style="font-size:15px; padding-left: 5%;"></i></button>
 							</span>
 						</div>
 					</div>
@@ -1465,6 +1465,28 @@ function myMap() {
 		document.getElementById('messagebody').style.display = 'none';
 		document.getElementById('inputSec').style.display = 'none';
 	}
+	function MsgSend()
+	{
+		var msg = document.getElementById("msg_value").value;
+	
+	
+
+	      var req = getXmlHttpRequestObject();
+	            if (req) {
+	                req.onreadystatechange = function() {
+	                    if (req.readyState == 4) { 
+	                        if (req.status == 200) {  
+								alert(req.responseText);
+								// alert('Line no : '+lineno);
+								
+	                        }            
+	                } 
+	            }  
+
+				req.open("GET", 'chat.php?&msg='+msg, true); 
+                req.send(); 
+	            }
+	}
 </script>