form.php 5.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216
  1. <html>
  2. <head>
  3. <title>Find your WebID</title>
  4. <style type="text/css">
  5. body
  6. {
  7. background: #900;
  8. color: white;
  9. font-family: "Bitstream Vera Sans", "Helvetica", "Arial", sans-serif;
  10. }
  11. .form-end
  12. {
  13. text-align: center;
  14. }
  15. ul
  16. {
  17. padding: 0;
  18. margin: 0;
  19. list-style: none;
  20. }
  21. ul li, div.success
  22. {
  23. margin: 0 0 8px 0;
  24. padding: 8px;
  25. background: white;
  26. color: black;
  27. border-radius: 6px;
  28. -o-border-radius: 6px;
  29. -moz-border-radius: 6px;
  30. -webkit-border-radius: 6px;
  31. }
  32. ul li .radio
  33. {
  34. position: relative;
  35. top: -20px;
  36. }
  37. ul li label b
  38. {
  39. position: relative;
  40. left: 18px;
  41. top: -16px;
  42. font-size: 110%;
  43. }
  44. input
  45. {
  46. font-size: 95%;
  47. }
  48. input.wide
  49. {
  50. width: 100%;
  51. }
  52. .options_panel
  53. {
  54. margin: 8px;
  55. padding: 8px;
  56. background: #ffd;
  57. border-radius: 6px;
  58. -o-border-radius: 6px;
  59. -moz-border-radius: 6px;
  60. -webkit-border-radius: 6px;
  61. font-size: 80%;
  62. }
  63. </style>
  64. </head>
  65. <body>
  66. <h1>WebID Finder</h1>
  67. <?php
  68. if ($_REQUEST['submit']) {
  69. require_once('guts.php');
  70. switch ($_REQUEST['source']) {
  71. case 'laconica':
  72. $info = getFromLaconica($_REQUEST[$_REQUEST['source']]);
  73. break;
  74. case 'foaf':
  75. $info = getFromFOAF($_REQUEST[$_REQUEST['source']]);
  76. break;
  77. case 'opera':
  78. $info = getFromMyOpera($_REQUEST[$_REQUEST['source']]);
  79. break;
  80. case 'web':
  81. $info = getFromWebsite($_REQUEST[$_REQUEST['source']]);
  82. break;
  83. case 'email':
  84. $info = getFromEmail($_REQUEST[$_REQUEST['source']]);
  85. break;
  86. default:
  87. $info = getBestGuess($_REQUEST[$_REQUEST['source']]);
  88. }
  89. if ($info['WebID']) {
  90. print "<div class=\"success\">\n";
  91. printf("<p>Found a WebID%s:<br /><tt id=\"webid\" title=\"%s\">%s</tt></p>\n",
  92. (empty($info['Name']) ? '' : (' for ' . htmlentities($info['Name']))),
  93. htmlentities($info['WebID']),
  94. htmlentities($info['WebID']));
  95. if (!empty($_REQUEST['javascript'])) {
  96. print "<script type=\"text/javascript\">\n";
  97. print "function UseIt() { window.opener.document.getElementById('"
  98. . htmlentities($_REQUEST['javascript'])
  99. . "').value = document.getElementById('webid').title; window.close(); }\n";
  100. print "</script>\n";
  101. print "<p><a href=\"javascript:UseIt();\">Use this WebID</a></p>\n";
  102. }
  103. print "</div>\n";
  104. print "</body>\n";
  105. print "</html>\n";
  106. exit;
  107. } else {
  108. print "<p>Sorry, couldn't find your WebID that way. Try another method.</p>\n";
  109. }
  110. }
  111. ?>
  112. <form action="" method="post">
  113. <ul>
  114. <li>
  115. <input class="radio" type="radio" name="source" value="foaf" id="src_foaf" />
  116. <label for="src_foaf">
  117. <img src="foaf.png" alt="">
  118. <b>Your FOAF File</b>
  119. </label>
  120. <div id="options_foaf" class="options_panel">
  121. <label for="foaf">Enter your FOAF file URL.</label>
  122. <br /><input class="wide text" name="foaf" id="foaf" />
  123. </div>
  124. </li>
  125. <li>
  126. <input class="radio" type="radio" name="source" value="laconica" id="src_laconica" />
  127. <label for="src_laconica">
  128. <img src="laconica.png" alt="">
  129. <b>Your Laconica / identi.ca Account</b>
  130. </label>
  131. <div id="options_laconica" class="options_panel">
  132. <label for="laconica">Enter your identi.ca user name or the URL of your profile page on another laconica site.</label>
  133. <br /><input class="wide text" name="laconica" id="laconica" />
  134. </div>
  135. </li>
  136. <!-- <li>
  137. <input class="radio" type="radio" name="source" value="opera" id="src_opera" />
  138. <label for="src_opera">
  139. <img src="opera.png" alt="">
  140. <b>Your &#8220;My Opera&#8221; Account</b>
  141. </label>
  142. <div id="options_opera" class="options_panel">
  143. <label for="opera">Enter your my.opera.com user name.</label>
  144. <br /><input class="wide text" name="opera" id="opera" />
  145. </div>
  146. </li>
  147. -->
  148. <li>
  149. <input class="radio" type="radio" name="source" value="web" id="src_web" />
  150. <label for="src_web">
  151. <img src="web.png" alt="">
  152. <b>Your Website</b>
  153. </label>
  154. <div id="options_web" class="options_panel">
  155. <label for="web">Enter your website address.</label>
  156. <br /><input class="wide text" name="web" id="web" />
  157. </div>
  158. </li>
  159. <li>
  160. <input class="radio" type="radio" name="source" value="email" id="src_email" />
  161. <label for="src_email">
  162. <img src="email.png" alt="">
  163. <b>Your E-mail Address</b>
  164. </label>
  165. <div id="options_email" class="options_panel">
  166. <label for="email">Enter your e-mail address (don't worry, we won't keep it).</label>
  167. <br /><input class="wide text" name="email" id="email" />
  168. </div>
  169. </li>
  170. </ul>
  171. <div class="form-end">
  172. <input type="hidden" name="javascript" value="<?php echo htmlentities($_REQUEST['javascript']) ?>" />
  173. <input type="hidden" name="submit" value="1" />
  174. <input name="search" value="search" alt="Search" type="image" src="Search.png" />
  175. </div>
  176. </form>
  177. <script type="text/javascript" src="/js/jquery-1.3.2.min.js"></script>
  178. <script type="text/javascript">
  179. function Initio() {
  180. var OptionsPanels = $(".options_panel");
  181. OptionsPanels.hide();
  182. $(".radio").each(function (i) {
  183. this.onclick = Expando;
  184. });
  185. }
  186. function Expando() {
  187. $(".radio").each(function (i) {
  188. if (this.checked) {
  189. $("#options_" + this.value).show();
  190. } else {
  191. $("#options_" + this.value).hide();
  192. }
  193. });
  194. }
  195. Initio();
  196. </script>
  197. </body>
  198. </html>