/source/Plug-in/xajax/examples/signup/signup.php

http://prosporous.googlecode.com/ · PHP · 94 lines · 57 code · 11 blank · 26 comment · 0 complexity · 1b232a4a5564182a4216a27a143aab5b MD5 · raw file 

    

  1. <?php

    2. 

  2. /*

    3. 

  3. 	File: signup.php

    4. 

  4. 

    5. 

  5. 	Example which demonstrates a xajax implementation of a multi-page sign-up.

    6. 

  6. 	

    7. 

  7. 	Title: Multi-page Sign-up Example

    8. 

  8. 	

    9. 

  9. 	Please see <copyright.inc.php> for a detailed description, copyright

    10. 

  10. 	and license information.

    11. 

  11. */

    12. 

  12. 

    13. 

  13. /*

    14. 

  14. 	Section: Files

    15. 

  15. 	

    16. 

  16. 	- <signup.php>

    17. 

  17. 	- <signup.common.php>

    18. 

  18. 	- <signup.server.php>

    19. 

  19. */

    20. 

  20. 

    21. 

  21. /*

    22. 

  22. 	@package xajax

    23. 

  23. 	@version $Id: signup.php 362 2007-05-29 15:32:24Z calltoconstruct $

    24. 

  24. 	@copyright Copyright (c) 2005-2006 by Jared White & J. Max Wilson

    25. 

  25. 	@license http://www.xajaxproject.org/bsd_license.txt BSD License

    26. 

  26. */

    27. 

  27. 

    28. 

  28. require_once('signup.common.php');

    29. 

  29. 

    30. 

  30. echo '<?xml version="1.0" encoding="UTF-8"?>'

    31. 

  31. 

    32. 

  32. ?>

    33. 

  33. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

    34. 

  34. <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">

    35. 

  35. 	<head>

    36. 

  36. 		<?php $xajax->printJavascript('../../'); ?>

    37. 

  37. 		<style type="text/css">

    38. 

  38. 		#formWrapper{

    39. 

  39. 			color: rgb(255,255,255);

    40. 

  40. 			background-color: rgb(149,67,97);

    41. 

  41. 			width: 200px;

    42. 

  42. 		}

    43. 

  43. 		#title{

    44. 

  44. 			text-align: center;

    45. 

  45. 			background-color: rgb(0,0,0);

    46. 

  46. 		}

    47. 

  47. 		#formDiv{

    48. 

  48. 			padding: 25px;

    49. 

  49. 		}

    50. 

  50. 		.submitDiv{

    51. 

  51. 			margin-top: 10px;

    52. 

  52. 			text-align: center;

    53. 

  53. 		}

    54. 

  54. 		</style>

    55. 

  55. 		<script type="text/javascript">

    56. 

  56. 		function submitSignup()

    57. 

  57. 		{

    58. 

  58. 			xajax.$('submitButton').disabled=true;

    59. 

  59. 			xajax.$('submitButton').value="please wait...";

    60. 

  60. 			xajax_processForm(xajax.getFormValues("signupForm"));

    61. 

  61. 			return false;

    62. 

  62. 		}

    63. 

  63. 		</script>

    64. 

  64. 	</head>

    65. 

  65. 	<body>

    66. 

  66. 		<div id="formWrapper">

    67. 

  67. 		

    68. 

  68. 			<div id="title">Create a New Account</div>

    69. 

  69. 			

    70. 

  70. 			<div id="formDiv">

    71. 

  71. 				<form id="signupForm" action="javascript:void(null);" onsubmit="submitSignup();">

    72. 

  72. 					<div>Username:</div><div><input type="text" name="username" /></div>

    73. 

  73. 					<div>Password:</div><div><input type="password" name="newPass1" /></div>

    74. 

  74. 					<div>Confirm Password:</div><div>

    75. 

  75. 					  <input type="password" name="newPass2" />

    76. 

  76. 				  </div>

    77. 

  77.  					<div>radio:</div><div><input type="radio" name="radio1"  value="1"/>1<input type="radio" name="radio1"  value="?"/>?</div>

    78. 

  78. 

    79. 

  79.  					<div>chebox:</div><div><input type="checkbox" name="chebox2[]"  value="1"/>1<input type="checkbox" name="chebox2[]"  value="?"/>?</div>

    80. 

  80.    					<div>select:</div><div><select name="select1" multiple="multiple"/><option value="??">??</option><option value="??">??</option><option value="??">??</option><option value="???">???</option></select></div>

    81. 

  81.    					<div>chebox:</div><div><input type="hidden" name="hidden1"  value="hiddenvalue"/>

    82. 

  82.                     <textarea> asdsfaklfdslkkldfsjalkjlkjsdfalk;lk;jkljlsdkfjalkjlkjlkjsdfa<div>,</div>divv,.doiskdfjsd,as,df<br />

    83. 

  83.                     </textarea>

    84. 

  84.                 

    85. 

  85. 				<div class="submitDiv"><input id="submitButton" type="submit" value="continue ->"/></div>

    86. 

  86. 				</form>

    87. 

  87. 			</div>

    88. 

  88. 			

    89. 

  89. 		</div>

    90. 

  90. 		

    91. 

  91. 		<div id="outputDiv">

    92. 

  92. 		</div>

    93. 

  93. 	</body>

    94. 

  94. </html>
    95.