I have two web pages A.html and B.html(Thrid party provided so i dont have access for its code). Where A.html has form and onClick of submit the data is sent to B.html with method="post" and target="chat".
As soon as B.html receives A.html request a pop up for Chat window starts. But now i dont want the user to fill form every time and submit to start support of chat and i want to accomplish this using javascript/jquery only without asking user to fill in the HTML form.
Below is my form code in html:
<label for="sample" style="display: none;">sample</label>
<form name="sample" id="sample" method="post" target="chat" >
<div class="form_elem">
Name : <input type="text" id="vName" name="vName" value=""> <div class="error">*</div>
Mobile Number : <input type="text" id="mobile" name="21512" value=""> <div class="error">*</div>
Connection Type : <select name="21524" id="state">
<option value="0" selected="selected">Select</option>
<option value="24">PF</option>
<option value="25">PD</option>
</select> <label> </label>
<input type="button" style="border-width: 0px; margin-right: 10px; cursor: pointer;" onclick="javascript:return Submit_Data();" value="Submit" name="btnSubmit" class="submit">
<input type="button" style="border-width: 0px; margin-right: 10px; cursor: pointer;" onclick="javascript:return Clear_Click('old')" value="Clear" name="btnclear" class="reset">
</div>
</form>
function Submit_Data()
{
window.open("Live Chat", "chat", "height=" + ChatWindow_Height + ", width = " + ChatWindow_Width);
var url = "B.Html";
var form = document.getElementById("sample");
form.action = url;
form.submit();
}
Assuming data necessary to be sent is hard coded now like. var name='pawan',mobile='9930667xxx',state='24'
. How to write javascript/jQuery that doesnot involve any html form and submits data directly to B.html ?
Thanks.