openid-selector/demoOpenIDClient.html at master · mdotterer/openid-selector · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
<?xml version="1.0" encoding="utf-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
	<title>JQuery Simple OpenID Selector Demo</title>

	<!-- Simple OpenID Selector -->
	<link rel="stylesheet" href="css/openid.css" />
	<script type="text/javascript" src="js/jquery-1.2.6.min.js"></script>
	<script type="text/javascript" src="js/openid-jquery.js"></script>
	<script type="text/javascript" src="js/openid-client/openid-client-config.js"></script>
	<script type="text/javascript" src="js/openid-client/openid-client.js"></script>
	<script type="text/javascript" src="js/openid-client/jquery.query-2.1.3.js"></script>
	<script type="text/javascript">
	$(document).ready(function() {
	    openid.init('openid_identifier');
	    //openid.setDemoMode(true); //Stops form submission for client javascript-only test purposes
	    openid.setAjaxHandler(OpenID_iframe_then_popup_handler);
	});
	</script>
	<!-- /Simple OpenID Selector -->

	<style type="text/css">
		/* Basic page formatting. */
		body {
			font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
		}
	</style>
</head>

<body>

<h2>JQuery Simple OpenID Selector Demo</h2>
<p>This is a simple example to show how you can include the Javascript into your page.</p>
<br/>

<!-- Simple OpenID Selector -->
<form action="examples/consumer/try_auth.php" method="get" id="openid_form">
	<input type="hidden" name="action" value="verify" />

	<fieldset>
    		<legend>Sign-in or Create New Account</legend>

    		<div id="openid_choice">
	    		<p>Please click your account provider:</p>
	    		<div id="openid_btns"></div>
			</div>

			<div id="openid_input_area">
				<input id="openid_identifier" name="openid_identifier" type="text" value="http://" />
				<input id="openid_submit" type="submit" value="Sign-In"/>
			</div>
			<noscript>
			<p>OpenID is service that allows you to log-on to many different websites using a single indentity.
			Find out <a href="http://openid.net/what/">more about OpenID</a> and <a href="http://openid.net/get/">how to get an OpenID enabled account</a>.</p>
			</noscript>
	</fieldset>
</form>

<div id="openid_immediate_iframe" style="display:none">
<!-- Will contain the hidden iframe required for a checkid_immediate calls -->
</div>

<div id="openid_status">
</div>
<!-- /Simple OpenID Selector -->

</body>
</html>