Untitled

<!DOCTYPE html>
<html>
<head>
	<title>Test Form Builder</title>
	<meta charset="utf-8">
	<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
	<!-- External JavaScript Libraries -->
	<script type="text/javascript" src="http://code.jquery.com/jquery-1.8.3.min.js"></script>
	<script type="text/javascript" src="//code.jquery.com/ui/1.11.4/jquery-ui.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
	<script type="text/javascript" src="//cdnjs.cloudflare.com/ajax/libs/jquery-cookie/1.3.1/jquery.cookie.min.js"></script>
	<script type="text/javascript" src="//js.jotform.com/JotFormAnywhere.js"></script>

	<!-- Local JavaScript Libraries -->
	<script type="text/javascript" src="js/libs/JotForm/JotForm.js"></script>
	<script type="text/javascript" src="js/libs/JotForm/JotForm.min.js"></script>
	<script type="text/javascript" src="js/libs/JotForm/FormPicker.js"></script>
	<script type="text/javascript" src="js/libs/JotForm/FormPicker.min.js"></script>

</head>
<body>
	<script type="text/javascript">
		JF.initialize({
			// remember user on next visit by cookie
			// default: false
			enableCookieAuth: true,

			// it will be visible on login window
			// default:hostname of your site
			appName: "GPTQ FormBuilder",

			// can be "readOnly" or "full"
			// default: readOnly
			accessType: 'readOnly'
		});
		JF.login(
			function() {
			},
			function() {
				alert("login failed");
			}
		);
		function loadBuilder() {
			JotformAnywhere.launchBuilder({
				//editMode: true,		// This line of code makes the builder load correctly, but it doesn't funtion fully
				formID: "72568546905872"
			});
		}

		function insertForm() {
			JotformAnywhere.insertForm({
				formID: "72568546905872",
				insertTo: "#form1",
				height: 500,
				formEmbedUrl: "https://form.jotform.com/jsform/72568546905872",
				putDeleteButton: false
			});
		}

		function openFormPicker() {

			JF.FormPicker({
				title: 'Select a form to use as a template',
				showPreviewLink: true,
				offset: 0,
				limit: 100,
				multiSelect: false,
				infinite_scroll: true,
				search: true,
				onSelect: function(r) {
					if (r.length > 0) {
						for (var i = 0; i < r.length; i++) {

							JotformAnywhere.launchBuilder({
								formID: r[i].id // Form to load
							});

						}
					}
				},
				onReady: function() {
					console.log('Form modal rendered');
				},
				onClose: function() {
					console.log('Form picker closed');
				},
				onLoad: function(formList, markup) {
					console.log('All forms loaded', formList);
					console.log('Forms list HTML markup', markup);
				}
			});
		}
    </script>
		<div id="content">
			<h1>Form Builder Test Page</h1>
			<input onclick="insertForm()" title="Load Form" style="width: 250px; display: inline;" type="button" value="Insert form into Page" class="button" />
			<input onclick="loadBuilder()" title="Form builder" style="width: 250px; display: inline;" type="button" value="Load form into Form Builder" class="button" />
			<input onclick="openFormPicker()" title="Form builder" style="width: 250px; display: inline;" type="button" value="Choose a form to edit" class="button" />

			<div style="display: block;" class="form-pub" id="form1"></div>
		</div>
	</div>
</body>
</html>