1 | <!DOCTYPE HTML PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> |
---|
2 | <html lang="en"> |
---|
3 | <head> |
---|
4 | <style type="text/css" media="screen"> |
---|
5 | <!-- |
---|
6 | BODY { |
---|
7 | margin: 10px; |
---|
8 | padding: 0; |
---|
9 | } |
---|
10 | H1 { |
---|
11 | margin-bottom: 2px; |
---|
12 | font-family: Garamond, "Times New Roman", Times, Serif; |
---|
13 | } |
---|
14 | FIELDSET { |
---|
15 | border: 1px solid #ccc; |
---|
16 | padding: 1em; |
---|
17 | margin: 0; |
---|
18 | } |
---|
19 | LEGEND { |
---|
20 | color: #666666; |
---|
21 | } |
---|
22 | INPUT { |
---|
23 | display: block; |
---|
24 | font-family: Arial, verdana; |
---|
25 | padding: 7px; |
---|
26 | border: 1px solid #999; |
---|
27 | margin: 10px; |
---|
28 | } |
---|
29 | --> |
---|
30 | </style> |
---|
31 | </head> |
---|
32 | <body> |
---|
33 | <br /><br /> |
---|
34 | <center> |
---|
35 | <h1>A simple login Widget integration</h1> |
---|
36 | <br /> |
---|
37 | <br /> |
---|
38 | <table width="380" border="0" cellpadding="2" cellspacing="2"> |
---|
39 | <tr> |
---|
40 | <td valign="top"><fieldset> |
---|
41 | <legend>Sign-in form</legend> |
---|
42 | <table width="00%" border="0" cellpadding="2" cellspacing="2"> |
---|
43 | <tr> |
---|
44 | <td><div align="right"><strong>login</strong></div></td> |
---|
45 | <td><input type="text" name="textfield" id="textfield" /></td> |
---|
46 | </tr> |
---|
47 | <tr> |
---|
48 | <td><div align="right"><strong>password</strong></div></td> |
---|
49 | <td><input type="text" name="textfield2" id="textfield2" /></td> |
---|
50 | </tr> |
---|
51 | <tr> |
---|
52 | <td> </td> |
---|
53 | <td><div align="center"> |
---|
54 | <input type="submit" value="Um supposed to be a Submit button, but i do nothing :)" /> |
---|
55 | </div></td> |
---|
56 | </tr> |
---|
57 | </table> |
---|
58 | </fieldset></td> |
---|
59 | </tr> |
---|
60 | <tr> |
---|
61 | <td valign="top" align="right"> |
---|
62 | <img src="arrow.gif" align="texttop" style="margin-top:-5px;" > |
---|
63 | <!-- CODE REQUIRED BY THE WIDGET --> |
---|
64 | <link media="screen" rel="stylesheet" href="../widget/css/colorbox.css" /> |
---|
65 | <script src="../widget/js/jquery.min.js"></script> |
---|
66 | <script src="../widget/js/jquery.colorbox.js"></script> |
---|
67 | <script> |
---|
68 | $(document).ready(function(){ |
---|
69 | $(".widget_link").colorbox({iframe:true, innerWidth:430, innerHeight:222}); |
---|
70 | }); |
---|
71 | </script> |
---|
72 | <!-- /WIDGET --> |
---|
73 | <!-- |
---|
74 | LINK TO THE WIDGET |
---|
75 | return_to: call back this page after authenticatin the user |
---|
76 | ts: nocache |
---|
77 | --> |
---|
78 | <a href="../widget/?_ts=<?php echo time(); ?>&return_to=<?php echo urlencode( $CURRENT_URL ); ?>" class='widget_link' title="HybridAuth Social Sign On Widget">Or sign-in with another identity provider</a> |
---|
79 | </td> |
---|
80 | </tr> |
---|
81 | </table> |
---|
82 | <br /><br /><br /> |
---|
83 | <b>Note:</b> This is just a proof of concept! it works good enough to try out on Firefox or on Chrome. |
---|
84 | </center> |
---|
85 | </body> |
---|
86 | </html> |
---|