selectserver.html

<div class="selectserver container">
    <div class="span7">
    	<div class="header"></div>
		<form class="form-horizontal">
		   	<legend>Select BIMserver</legend>
			<div class="serverAddressDiv form-group">
				<label class="control-label" for="inputServer">Server</label>
				<div class="controls">
					<div class="btn-group input-append">
						<div class="input-prepend input-group">
		 					<span class="input-group-addon">http://</span>
							<input type="text" id="inputServer" class="form-control address" placeholder="BIMserver">
						</div>
					</div>
				</div>
			</div>
			<div class="form-group">
				<div class="controls">
					<button type="button" class="btn selectServerButton btn-primary">Select server</button>
				</div>
			</div>
		</form>
	</div>
</div>
<script>
function SelectServer(address) {
	var othis = this;

	$(".header").load(Global.baseDir + "header.html");
	
	pushHistory({page: "SelectServer"}, "Select BIMServer");

	this.selectServer = function(){
		var address = $(".address").val();
		address = stripHttps(address);
		document.location = document.location.origin + document.location.pathname + "?api_address=http://" + address;
	};
	
	if ($.cookie("address" + window.document.location.port) != null) {
		$(".address").val(stripHttps($.cookie("address" + window.document.location.port)));
	} else if (address != null) {
		$(".address").val(stripHttps(address));
	}
	
	$(".selectServerButton").click(function(){
		othis.selectServer();
	});
	
	$(".address").enterpress(function(){
		othis.selectServer();
	});
	
	$(".address").focus();
}
</script>