Advertisement
technonaga

Sample HTML Page

May 3rd, 2012
554
0
Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
text 19.92 KB | None | 0 0
  1. <!DOCTYPE html>
  2. <html lang="en">
  3. <head>
  4. <link rel="stylesheet" href="jqwidgets/styles/jqx.base.css" type="text/css" />
  5. <script type="text/javascript" src="scripts/jquery-1.7.1.min.js"></script>
  6. <script type="text/javascript" src="jqwidgets/jqxcore.js"></script>
  7. <script type="text/javascript" src="jqwidgets/jqxdata.js"></script>
  8. <script type="text/javascript" src="jqwidgets/jqxbuttons.js"></script>
  9. <script type="text/javascript" src="jqwidgets/jqxscrollbar.js"></script>
  10. <script type="text/javascript" src="jqwidgets/jqxmenu.js"></script>
  11. <script type="text/javascript" src="jqwidgets/jqxgrid.js"></script>
  12. <script type="text/javascript" src="jqwidgets/jqxgrid.selection.js"></script>
  13. <script type="text/javascript" src="jqwidgets/jqxgrid.columnsresize.js"></script>
  14. <script type="text/javascript" src="jqwidgets/jqxlistbox.js"></script>
  15. <script type="text/javascript" src="jqwidgets/jqxdropdownlist.js"></script>
  16. <script type="text/javascript" src="jqwidgets/jqxgrid.sort.js"></script>
  17. <script type="text/javascript" src="jqwidgets/jqxgrid.filter.js"></script>
  18. <script type="text/javascript" src="jqwidgets/jqxgrid.pager.js"></script>
  19. <script type="text/javascript" src="jqwidgets/jqxnumberinput.js"></script>
  20. <script type="text/javascript" src="jqwidgets/jqxwindow.js"></script>
  21. <!-- <script type="text/javascript">
  22. $(document).ready(function () {
  23.  
  24. //var data = generatedata(20);
  25. //var theme ='';
  26.  
  27. //URL to the service
  28. url = "http://192.168.0.10/HTML5Service/loginservice.svc/getContacts",
  29.  
  30. /*var source =
  31. {
  32. localdata: data,
  33. datatype: "array",
  34. updaterow: function (rowid, rowdata) {
  35. // synchronize with the server - send update command
  36. }
  37. }; */
  38.  
  39. //Initializing the source property
  40. source = {
  41. datatype: "json",
  42. datafields: [
  43. { name: 'RespondentId' },
  44. { name: 'ParentRespondentId' },
  45. { name: '101' },
  46. { name: '102'},
  47. { name: '1'},
  48. { name: '1780'},
  49. { name: '1780_AnswerID'},
  50. { name: '1945'},
  51. { name: '1945_AnswerID'},
  52. { name: '17892'},
  53. { name: '17891'},
  54. { name: '17890'},
  55. { name: '1777'},
  56. { name: '3207'},
  57. { name: 'RecordRights'},
  58. { name: 'DeleteMsg'}
  59. ]
  60. };
  61.  
  62. //Getting the source data with ajax GET request
  63. $.ajax({
  64. type: 'POST',
  65. dataType: 'json',
  66. async: false,
  67. url: 'http://192.168.0.10/HTML5Service/loginservice.svc/getContacts',
  68. cache: false,
  69. contentType: 'application/json; charset=utf-8',
  70. success: function (data) {
  71. alert(data.getContactsResult);
  72. //source.localdata = data.getContactsResult
  73.  
  74. source.localdata = [{
  75. "RespondentId" : "5955651682765510056",
  76. "ParentRespondentId" : "0",
  77. "101" : " <a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=4619820559546108551'>SathianMaxId kannan </a> ",
  78. "102" : "1023",
  79. "1" : "14",
  80. "1780" : "17805",
  81. "1780_AnswerID" : "1780_AnswerID6",
  82. "1945" : "19457",
  83. "1945_AnswerID" : "1945_AnswerID8",
  84. "17892" : "178929",
  85. "17891" : "1789110",
  86. "17890" : "1789011",
  87. "1777" : "177712",
  88. "3207" : "320713",
  89. "RecordRights" : "RecordRights14",
  90. "DeleteMsg" : "DeleteMsg15"
  91. },{
  92. "RespondentId" : "4619820559546108551",
  93. "ParentRespondentId" : "0",
  94. "101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=4619820559546108551'>SathianMaxId kannan </a> ",
  95. "102" : "1023",
  96. "1" : "14",
  97. "1780" : "17805",
  98. "1780_AnswerID" : "1780_AnswerID6",
  99. "1945" : "19457",
  100. "1945_AnswerID" : "1945_AnswerID8",
  101. "17892" : "178929",
  102. "17891" : "1789110",
  103. "17890" : "1789011",
  104. "1777" : "177712",
  105. "3207" : "320713",
  106. "RecordRights" : "RecordRights14",
  107. "DeleteMsg" : "DeleteMsg15"
  108. }]
  109.  
  110. },
  111. error: function (err) {
  112. alert("Error Call");
  113. }
  114. });
  115.  
  116. // initialize the input fields.
  117. $("#firstName").addClass('jqx-input');
  118. $("#lastName").addClass('jqx-input');
  119. $("#contactType").addClass('jqx-input');
  120. $("#contactStatus").addClass('jqx-input');
  121. $("#Address").addClass('jqx-input');
  122. $("#Email").addClass('jqx-input');
  123.  
  124. $("#firstName").width(150);
  125. $("#firstName").height(23);
  126. $("#lastName").width(150);
  127. $("#lastName").height(23);
  128. $("#contactType").width(150);
  129. $("#contactType").height(23);
  130. $("#contactStatus").width(150);
  131. $("#contactStatus").height(23);
  132. $("#Address").width(150);
  133. $("#Address").height(23);
  134. $("#Email").width(150);
  135. $("#Email").height(23);
  136.  
  137. if (theme.length > 0) {
  138. $("#firstName").addClass('jqx-input-' + theme);
  139. $("#lastName").addClass('jqx-input-' + theme);
  140. $("#contactType").addClass('jqx-input-' + theme);
  141. $("#contactStatus").addClass('jqx-input-'+theme);
  142. $("#Address").addClass('jqx-input-'+theme);
  143. $("#Email").addClass('jqx-input-'+theme);
  144. }
  145.  
  146. var dataAdapter = new $.jqx.dataAdapter(source);
  147. var editrow = -1;
  148.  
  149. $("#jqxgrid").jqxGrid(
  150. {
  151. width: 300,
  152. source: dataAdapter,
  153. theme: theme,
  154. columnsresize: true,
  155. columns: [
  156. { text: 'RespondentId', datafield: 'RespondentId', width: 50 },
  157. { text: 'ParentRespondentId', datafield: 'ParentRespondentId', width: 50 },
  158. { text: 'Contact Type', datafield: '101', width: 50 }, //150
  159. { text: 'Contact Status',datafield:'102', width: 50}, //100
  160. { text: 'Address', datafield:'1', width:50}, //100
  161. { text: 'Email', datafield:'1780', width:100},
  162. { text: 'EmailAns', datafield:'1780_AnswerID', width:100},
  163. { text: 'ECont', datafield:'1945', width:100},
  164. { text: 'EContAns', datafield:'1945_AnswerID', width:100},
  165. { text: 'EAddr', datafield:'17892', width:100},
  166. { text: 'EConty', datafield:'17891', width:100},
  167. { text: 'EContys', datafield:'17890', width:100},
  168. { text: 'EFirst', datafield:'1777', width:100},
  169. { text: 'ELast', datafield:'3207', width:100},
  170. { text: 'ERights', datafield:'RecordRights', width:100},
  171. { text: 'EDelete', datafield:'DeleteMsg', width:100}
  172. ]
  173. });
  174.  
  175. //Double Click
  176. var click = new Date();
  177. var lastClick = new Date();
  178. var lastRow = -1;
  179. $("#jqxgrid").bind('rowclick', function (event) {
  180. click = new Date();
  181. if (click - lastClick < 300) {
  182. if (lastRow == event.args.rowindex) {
  183. editrow = event.args.rowindex;
  184. var offset = $("#jqxgrid").offset();
  185. $("#popupWindow").jqxWindow({ position: { x: parseInt(offset.left) + 60, y: parseInt(offset.top) + 60} });
  186. var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
  187. $("#firstName").val(dataRecord.firstname);
  188. $("#lastName").val(dataRecord.lastname);
  189. $("#contactType").val(dataRecord.contactype);
  190. $("#contactStatus").val(dataRecord.contactstatus);
  191. $("#Address").val(dataRecord.address);
  192. $("#Email").val(dataRecord.email);
  193.  
  194. $("#popupWindow").jqxWindow('show');
  195.  
  196.  
  197. // Initialize the popup window and buttons.
  198. $("#popupWindow").jqxWindow({ width: 250, resizable: false, theme: theme, isModal: true, autoOpen: false, cancelButton: $("#Cancel"), modalOpacity: 0.01 });
  199. $("#Cancel").jqxButton({ theme: theme });
  200. $("#Save").jqxButton({ theme: theme });
  201.  
  202. // Update the edited row when the user clicks the 'Save' button.
  203. $("#Save").click(function () {
  204. if (editrow >= 0) {
  205. var row = { firstname: $("#firstName").val(), lastname: $("#lastName").val(), contactype: $("#contactType").val(),contactstatus:$("#contactStatus").val(),address:$("#Address").val(),email:$("#Email").val()
  206. };
  207. $('#jqxgrid').jqxGrid('updaterow', editrow, row);
  208. $("#popupWindow").jqxWindow('hide');
  209. }
  210. });
  211.  
  212. }
  213. }
  214. lastClick = new Date();
  215. lastRow = event.args.rowindex;
  216. });
  217.  
  218. });
  219. </script> -->
  220. <script type="text/javascript">
  221. $(document).ready(function () {
  222. //URL to the service
  223. url = "http://192.168.0.10/HTML5Service/loginservice.svc/getContacts",
  224.  
  225. //Initializing the source property
  226. source = {
  227. datatype: "json",
  228. datafields: [
  229. { name: 'RespondentId' },
  230. { name: 'ParentRespondentId' },
  231. { name: '101' },
  232. { name: '102'},
  233. { name: '1'},
  234. { name: '1780'},
  235. { name: '1780_AnswerID'},
  236. { name: '1945'},
  237. { name: '1945_AnswerID'},
  238. { name: '17892'},
  239. { name: '17891'},
  240. { name: '17890'},
  241. { name: '1777'},
  242. { name: '3207'},
  243. { name: 'RecordRights'},
  244. { name: 'DeleteMsg'}
  245. ]
  246. };
  247.  
  248. //Filter option related code
  249. var addfilter = function () {
  250. var filtergroup = new $.jqx.filter();
  251. var filter_or_operator = 1;
  252. var filtervalue = '';
  253. var filtercondition = 'contains';
  254. var filter1 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
  255. filtervalue = '';
  256. filtercondition = 'starts_with';
  257. var filter2 = filtergroup.createfilter('stringfilter', filtervalue, filtercondition);
  258.  
  259. filtergroup.addfilter(filter_or_operator, filter1);
  260. filtergroup.addfilter(filter_or_operator, filter2);
  261. // add the filters.
  262. $("#jqxgrid").jqxGrid('addfilter', 'firstname', filtergroup);
  263. // apply the filters.
  264. $("#jqxgrid").jqxGrid('applyfilters');
  265. }
  266.  
  267.  
  268. //Getting the source data with ajax GET request
  269. var getValue;
  270. $.ajax({
  271. type: 'POST',
  272. dataType: 'json',
  273. async: false,
  274. url: 'http://192.168.0.10/HTML5Service/loginservice.svc/getContacts',
  275. data:'{}',
  276. cache: false,
  277. contentType: 'application/json; charset=utf-8',
  278. success: function (data) {
  279. alert(data.getContactsResult);
  280. source.localdata = data.getContactsResult;
  281. //source.localdata = [{"RespondentId" : "5955651682765510056","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=5955651682765510056'>SathianMaxHotmail kannan </a> ","102" : "SathianMaxHotmail kannan","1" : "Apr 16 2012 7:32PM","1780" : "","1780_AnswerID" : "","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected]","17891" : "","17890" : "","1777" : "SathianMaxHotmail","3207" : "kannan","RecordRights" : "RecordRightsApr 16 2012 7:32PM","DeleteMsg" : "0"},{"RespondentId" : "4619820559546108551","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=4619820559546108551'>SathianMaxId kannan </a> ","102" : "SathianMaxId kannan","1" : "Apr 16 2012 7:31PM","1780" : "","1780_AnswerID" : "","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected]","17891" : "","17890" : "","1777" : "SathianMaxId","3207" : "kannan","RecordRights" : "RecordRightsApr 16 2012 7:31PM","DeleteMsg" : "0"},{"RespondentId" : "60639102541Mar 12 2012 12:41PM885987","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=60639102541Mar 12 2012 12:41PM885987'>sathian kannan </a> ","102" : "sathian kannan","1" : "Mar 12 2012 12:41PM","1780" : "","1780_AnswerID" : "","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected]","17891" : "","17890" : "","1777" : "sathian","3207" : "kannan","RecordRights" : "RecordRightsMar 12 2012 12:41PM","DeleteMsg" : "0"},{"RespondentId" : "825459377347Mar 9 2012 9:53PM45589","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=825459377347Mar 9 2012 9:53PM45589'>sathian kannan </a> ","102" : "sathian kannan","1" : "Mar 9 2012 9:53PM","1780" : "","1780_AnswerID" : "","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected]","17891" : "","17890" : "","1777" : "sathian","3207" : "kannan","RecordRights" : "RecordRightsMar 9 2012 9:53PM","DeleteMsg" : "0"},{"RespondentId" : "7874697804115047011","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=7874697804115047011'> </a> ","102" : " ","1" : "Mar 1 2012 12:58PM","1780" : "","1780_AnswerID" : "","1945" : "","1945_AnswerID" : "","17892" : "","17891" : "","17890" : "","1777" : "","3207" : "","RecordRights" : "RecordRightsMar 1 2012 12:58PM","DeleteMsg" : "0"},{"RespondentId" : "6539358420877327893","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=6539358420877327893'>JV Test Contact </a> ","102" : "JV Test Contact","1" : "Mar 1 2012 11:43AM","1780" : "Homebuyer Lead","1780_AnswerID" : "3075","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected]","17891" : "1414411114114411","17890" : "","1777" : "JV","3207" : "Test Contact","RecordRights" : "RecordRightsMar 1 2012 11:43AM","DeleteMsg" : "0"},{"RespondentId" : "7200153028676390640","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=7200153028676390640'>Velu`~!@#$%^&*(_+-=\|){;',./}[\;',./<>?/.,] Test Entry`~!@#$%^&*(_+-=\|){;',./}[\;',./<>?/.,] </a> ","102" : "Velu`~!@#$%^&*(_+-=\|){;',./}[\;',./<>?/.,] Test Entry`~!@#$%^&*(_+-=\|){;',./}[\;',./<>?/.,]","1" : "Mar 1 2012 9:27AM","1780" : "Homebuyer Lead","1780_AnswerID" : "3075","1945" : "Active","1945_AnswerID" : "3050","17892" : "","17891" : "","17890" : "","1777" : "Velu`~!@#$%^&*(_+-=\|){;',./}[\;',./<>?/.,]","3207" : "Test Entry`~!@#$%^&*(_+-=\|){;',./}[\;',./<>?/.,]","RecordRights" : "RecordRightsMar 1 2012 9:27AM","DeleteMsg" : "0"},{"RespondentId" : "8946029815556355766","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=8946029815556355766'>Singaravel _Quick Test </a> ","102" : "Singaravel _Quick Test","1" : "Mar 1 2012 9:17AM","1780" : "","1780_AnswerID" : "","1945" : "Active","1945_AnswerID" : "3050","17892" : "","17891" : "","17890" : "Test, velachery<br /> Novi, Michigan, 48377","1777" : "Singaravel","3207" : "_Quick Test","RecordRights" : "RecordRightsMar 1 2012 9:17AM","DeleteMsg" : "0"},{"RespondentId" : "6525484316388329804","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=6525484316388329804'>Test testTenantlname </a> ","102" : "Test testTenantlname","1" : "Feb 29 2012 12:52PM","1780" : "Tenant Lead","1780_AnswerID" : "3074","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected]","17891" : "","17890" : "","1777" : "Test","3207" : "testTenantlname","RecordRights" : "RecordRightsFeb 29 2012 12:52PM","DeleteMsg" : "0"},{"RespondentId" : "756Feb 28 2012 10:41AM58241291559843","ParentRespondentId" : "0","101" : "<a style=' cursor:Pointer;' href='Form_576_223_2.aspx?FormID=223&Mode=View&RespondentID=756Feb 28 2012 10:41AM58241291559843'>Test_ Contact 101 </a> ","102" : "Test_ Contact 101","1" : "Feb 28 2012 10:41AM","1780" : "Homebuyer Lead","1780_AnswerID" : "3075","1945" : "Active","1945_AnswerID" : "3050","17892" : "[email protected],[email protected]","17891" : "121212122121212","17890" : "tEST<br /> Troy, Michigan, 48083","1777" : "Test_","3207" : "Contact 101","RecordRights" : "RecordRightsFeb 28 2012 10:41AM","DeleteMsg" : "0"}]
  282. },
  283. error: function (err) {
  284. alert('Error');
  285. }
  286. });
  287.  
  288.  
  289. var editrow = -1;
  290. //Preparing the data for use
  291. var dataAdapter = new $.jqx.dataAdapter(source);
  292.  
  293. $("#jqxgrid").jqxGrid({
  294. source: dataAdapter,
  295. //autowidth:true,
  296. width:300,
  297. height:300,
  298. sortable: true,
  299. pageable: true,
  300. filterable: true,
  301. ready: function () {
  302. addfilter();
  303. },
  304. autoshowfiltericon: true,
  305. theme: '',
  306. columns: [
  307. { text: 'RespondentId', datafield: 'RespondentId', width: 50 },
  308. { text: 'ParentRespondentId', datafield: 'ParentRespondentId', width: 50 },
  309. { text: 'Contact Type', datafield: '101', width: 50 },
  310. { text: 'Contact Status',datafield:'102', width: 50},
  311. { text: 'Address', datafield:'1', width:50},
  312. { text: 'Email', datafield:'1780', width:100},
  313. { text: 'EmailAns', datafield:'1780_AnswerID', width:100},
  314. { text: 'EConty', datafield:'17891', width:100},
  315. { text: 'EContys', datafield:'17890', width:100},
  316. { text: 'EFirst', datafield:'1777', width:100},
  317. { text: 'ELast', datafield:'3207', width:100}
  318. ]
  319. });
  320.  
  321. //Double Click
  322. var click = new Date();
  323. var lastClick = new Date();
  324. var lastRow = -1;
  325. $("#jqxgrid").bind('rowclick', function (event) {
  326. click = new Date();
  327. if (click - lastClick < 300) {
  328. if (lastRow == event.args.rowindex) {
  329. editrow = event.args.rowindex;
  330. var offset = $("#jqxgrid").offset();
  331. $("#popupWindow").jqxWindow({ position: { x: parseInt(offset.left) + 60, y: parseInt(offset.top) + 60} });
  332. var dataRecord = $("#jqxgrid").jqxGrid('getrowdata', editrow);
  333. $("#firstName").val(dataRecord.firstname);
  334. $("#lastName").val(dataRecord.lastname);
  335. $("#contactType").val(dataRecord.contactype);
  336. $("#contactStatus").val(dataRecord.contactstatus);
  337. $("#Address").val(dataRecord.address);
  338. $("#Email").val(dataRecord.email);
  339.  
  340. $("#popupWindow").jqxWindow('show');
  341.  
  342. // Initialize the popup window and buttons.
  343. $("#popupWindow").jqxWindow({ width: 250, resizable: false, theme: theme, isModal: true, autoOpen: false, cancelButton: $("#Cancel"), modalOpacity: 0.01 });
  344. $("#Cancel").jqxButton({ theme: theme });
  345. $("#Save").jqxButton({ theme: theme });
  346.  
  347. // Update the edited row when the user clicks the 'Save' button.
  348. $("#Save").click(function () {
  349. if (editrow >= 0) {
  350. var row = { firstname: $("#RespondentId").val(), lastname: $("#ParentRespondentId").val(), contactype: $("#contactType").val(),contactstatus:$("#contactStatus").val(),address:$("#Address").val(),email:$("#Email").val()
  351. };
  352. $('#jqxgrid').jqxGrid('updaterow', editrow, row);
  353. $("#popupWindow").jqxWindow('hide');
  354. }
  355. });
  356. }
  357. }
  358. lastClick = new Date();
  359. lastRow = event.args.rowindex;
  360. });
  361.  
  362. //Filter options
  363. $('#events').jqxPanel({ width: 300, height: 80, theme: theme });
  364. $("#jqxgrid").bind("filter", function (event) {
  365. $("#events").jqxPanel('clearcontent');
  366. var filterinfo = $("#jqxgrid").jqxGrid('getfilterinformation');
  367. var eventData = "Triggered 'filter' event";
  368. for (i = 0; i < filterinfo.length; i++) {
  369. var eventData = "Filter Column: " + filterinfo[i].filtercolumntext;
  370. $('#events').jqxPanel('prepend', '<div style="margin-top: 5px;">' + eventData + '</div>');
  371. }
  372. });
  373. $('#clearfilteringbutton').jqxButton({ height: 25, theme: theme });
  374. $('#filterbackground').jqxCheckBox({ checked: true, height: 25, theme: theme });
  375. $('#filtericons').jqxCheckBox({ checked: false, height: 25, theme: theme });
  376.  
  377. // show/hide filter background
  378. $('#filterbackground').bind('change', function (event) {
  379. $("#jqxgrid").jqxGrid({ showfiltercolumnbackground: event.args.checked });
  380. });
  381. // show/hide filter icons
  382. $('#filtericons').bind('change', function (event) {
  383. $("#jqxgrid").jqxGrid({ autoshowfiltericon: !event.args.checked });
  384. });
  385.  
  386. });
  387. </script>
  388.  
  389. </head>
  390. <body class='default'>
  391. <div id="loadData" style="width:500px; height:100%; scroll:auto"> </div>
  392. <div id='jqxWidget'>
  393. <div id="jqxgrid"></div>
  394.  
  395. <!-- Pop up Window Code Starts -->
  396. <div style="margin-top: 50px;">
  397. <div id="cellbegineditevent"></div>
  398. <div style="margin-top: 10px;" id="cellendeditevent"></div>
  399. </div>
  400. <div id="popupWindow">
  401. <div>Edit</div>
  402. <div style="overflow: hidden;">
  403. <table>
  404. <tr>
  405. <td align="right">First Name:</td>
  406. <td align="left"><input id="firstName" /></td>
  407. </tr>
  408. <tr>
  409. <td align="right">Last Name:</td>
  410. <td align="left"><input id="lastName" /></td>
  411. </tr>
  412. <tr>
  413. <td align="right">Contact Type:</td>
  414. <td align="left"><input id="contactType" /></td>
  415. </tr>
  416. <tr>
  417. <td align="right">Contact Status:</td>
  418. <td align="left"><input id="contactStatus" /></td>
  419. </tr>
  420. <tr>
  421. <td align="right">Address:</td>
  422. <td align="left"><input id="Address" /></td>
  423. </tr>
  424. <tr>
  425. <td align="right">Email:</td>
  426. <td align="left"><input id="Email" /></td>
  427. </tr>
  428. <tr>
  429. <td align="right"></td>
  430. <td style="padding-top: 10px;" align="right"><input style="margin-right: 5px;" type="button" id="Save" value="Save" /><input id="Cancel" type="button" value="Cancel" /></td>
  431. </tr>
  432. </table>
  433. </div>
  434. </div>
  435. <!-- Pop up Window Code Ends -->
  436. </div>
  437. </body>
  438. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement