All pastes #917079 Raw Edit

Miscellany

public text v1 · immutable
#917079 ·published 2008-02-25 03:24 UTC
rendered paste body
<com:TContent ID="preload" Enabled="true">
<com:TClientScriptLoader PackagePath="Application.pages.JavaScript"  PackageScripts="uniforms" /> 
</com:TContent>
<com:TContent ID="content">
<com:TClientScript PradoScripts="effects" />
<com:TActivePanel ID="apNewspanel">
<com:TJavascriptLogger />

<div class="news">
      <div class="uniForm">

        <div id="errorMsg">
          <h3>Ooops! Houston, We Have a Problem.</h3>
			  <com:TValidationSummary
		        ValidationGroup="user"
		        AutoUpdate="true"
		        Display="Dynamic"
		        ShowMessageBox="true"
		         />
            <ol>
              <li><a href="#error1" title="Jump to error">Passwords don't match</a></li>
              <li><a href="#error2" title="Jump to error">You can't be unisex, please decide on your gender</a></li>
            </ol>
        </div>

        <fieldset class="inlineLabels">
          <legend>Required fields</legend>		
          <div class="ctrlHolder">
          	<p class="formHint"><strong>Mobilnummeret vil benytes under Quak for at du og medfadder- / fadderbarn skal kunne utnytte Quak's kommunikasjonsssytem</strong></p>
			<label for="cellphone"><em>*</em> Mobilnummer</label>
			<com:TTextBox ID="email" CssClass="textInput" />
			<p class="formHint">Note: Mobilnummeret er brukernavnet ditt på quak.no</p>
		  </div>

		<com:TActivePanel ID="passwordpanel" CssClass="ctrlHolder" > 
		
          	<label for="password"><em>*</em> Password</label>
			<com:TTextBox 
				ID="password" 
				TextMode="Password"
				CssClass="textInput" 
				ValidationGroup="user" />
			<com:TRequiredFieldValidator 
				ID='reqfield'
				Display="Fixed"
				ControlToValidate="password"
				ValidationGroup="user"
				FocusOnError="true"
				ErrorMessage="Please choose a password." />
			<com:TRegularExpressionValidator
				ID="regex"
				Display="Dynamic"
				ControlToValidate="password"
				ValidationGroup="user"
				RegularExpression="[\w\.]{6,16}"
				ErrorMessage="<p class='errorField'><strong>Your password must contain only letters, digits and underscores, and it must contain at least 6 and at most 16 characters.</strong></p>" />
			


		</com:TActivePanel>
		<com:TActivePanel ID="passwordpanel_retype" CssClass="ctrlHolder">
          	<label for="password_retype"><em>*</em> Re-type Password</label>
			<com:TTextBox ID="password_retype" TextMode="Password" CssClass="textInput" />
			<com:TCompareValidator
				ID="passwordcompare"
				ControlToValidate="password"
				ControlToCompare="password_retype"
				ValidationGroup="user"
				Display="Dynamic"
				ErrorMessage="Your password entries did not match" />

          </com:TActivePanel>
				
          <div class="ctrlHolder">
            <label for="first_name"><em>*</em> Fornavn</label>
			<com:TTextBox ID="firstname" CssClass="textInput" />
          </div>

          <div class="ctrlHolder">
            <label for="last_name"><em>*</em> Etternavn</label>
            <com:TTextBox ID="lastname" CssClass="textInput" />
          </div>

          <div class="ctrlHolder error">
            <p id="error2" class="errorField"><strong>You can't be unisex, please decide on your gender</strong></p>
            <p class="label">Gender</p>
            <label for="genderf" class="inlineLabel"><input name="gender" id="genderf" value="female" checked="checked" type="radio" /> Female</label>

            <label for="genderm" class="inlineLabel"><input name="gender" id="genderm" value="male" type="radio" /> Male</label>
          </div>

          <div class="ctrlHolder">
            <label for="school_stat">Skole</label>
			<com:TActiveDropDownList ID="cbSchools" CssClass="selectInput"
    			AutoPostBack="true"
    			OnSelectedIndexChanged="updateFaculties" >
    			<prop:ClientSide
        			OnLoading="Element.show('faculties_status')"
        			OnComplete="Element.hide('faculties_status')" />
        	</com:TActiveDropDownList>
          </div>

          <div class="ctrlHolder">
            <label for="faculty_stat">Avdeling</label>

			<com:TActiveDropDownList ID="cbFaculties" CssClass="selectInput" 
    			AutoPostBack="true"
    			OnSelectedIndexChanged="updateStudies" >
    			<prop:ClientSide
        			OnLoading="Element.show('studies_status')"
        			OnComplete="Element.hide('studies_status')" />
        	</com:TActiveDropDownList>
			<p class="formHint" ID="faculties_status">Loading...</p>    		
         
          </div>
          
          <div class="ctrlHolder">
            <label for="study_stat">Linje</label>
			<com:TActiveDropDownList ID="cbStudies" CssClass="selectInput" 
    			AutoPostBack="true" />
			<p class="formHint" ID="studies_status">Loading...</p>
          </div>
          
        </fieldset>

        <fieldset class="blockLabels">
          <legend>Optional fields</legend>
          <div class="ctrlHolder">

            <p class="formHint"><strong><em>*</em>Eposten blir benyttet for å sende ut nyttig informasjon til deg av Quak!</strong></p>
            <label for="email">Email address</label>
            <input name="email" id="email" value="" size="35" maxlength="50" type="text" class="textInput" />
          </div>

          <div class="ctrlHolder">
            <label for="relationship_stat">Relationship status</label>
            <select name="relationship_stat"  id="relationship_stat" class="selectInput">
              <option value="">Choose</option>
              <option value="01">Single</option><option value="02">In a relationship</option><option value="03">Married</option>

            </select>
          </div>

          <div class="ctrlHolder">

            <p>This fieldset has the class <code>blockLabels</code> applied to it, and as a result we get a different form layout.</p>

            <label for="country">Country</label>
            <select name="country" id="country" class="selectInput">
              <option value="">Please select</option>
              <option value="AL">Albania</option><option value="DZ">Algeria</option><option value="AS">American Samoa</option><option value="AD">Andorra</option><option value="AI">Anguilla</option><option value="AG">Antigua &amp; Barbuda</option><option value="AR">Argentina</option><option value="AW">Aruba</option><option value="AU">Australia</option><option value="AT">Austria</option><option value="AP">Azores</option><option value="BS">Bahamas</option><option value="BH">Bahrain</option><option value="BD">Bangladesh</option><option value="BB">Barbados</option><option value="BY">Belarus</option><option value="BE">Belgium</option><option value="BZ">Belize</option><option value="BJ">Benin</option><option value="BM">Bermuda</option><option value="BO">Bolivia</option><option value="BL">Bonaire</option><option value="BA">Bosnia and Herzegovina</option><option value="BW">Botswana</option><option value="BR">Brazil</option><option value="VG">British Virgin Is.</option><option value="BN">Brunei</option><option value="BG">Bulgaria</option><option value="BF">Burkina Faso</option><option value="BI">Burundi</option><option value="KH">Cambodia</option><option value="CM">Cameroon</option><option value="CA">Canada</option><option value="IC">Canary Islands</option><option value="CV">Cape Verde Islands</option><option value="KY">Cayman Islands</option><option value="CF">Central African Rep.</option><option value="TD">Chad</option><option value="CD">Channel Islands</option><option value="CL">Chile</option><option value="CN">China</option><option value="CO">Colombia</option><option value="CG">Congo</option><option value="CK">Cook Islands</option><option value="CR">Costa Rica</option><option value="HR">Croatia</option><option value="CB">Curacao</option><option value="CY">Cyprus</option><option value="CZ">Czech Republic</option><option value="DK">Denmark</option><option value="DJ">Djibouti</option><option value="DM">Dominica</option><option value="DO">Dominican Republic</option><option value="EC">Ecuador</option><option value="EG">Egypt</option><option value="SV">El Salvador</option><option value="EN">England</option><option value="GQ">Equitorial Guinea</option><option value="ER">Eritrea</option><option value="EE">Estonia</option><option value="ET">Ethiopia</option><option value="FO">Faeroe Islands</option><option value="FM">Fed.States of Micronesia</option><option value="FJ">Fiji</option><option value="FI">Finland</option><option value="FR">France</option><option value="GF">French Guiana</option><option value="PF">French Polynesia</option><option value="GA">Gabon</option><option value="GM">Gambia</option><option value="GE">Georgia</option><option value="DE">Germany</option><option value="GH">Ghana</option><option value="GI">Gibraltar</option><option value="GR">Greece</option><option value="GL">Greenland</option><option value="GD">Grenada</option><option value="GP">Guadeloupe</option><option value="GU">Guam</option><option value="GT">Guatemala</option><option value="GN">Guinea</option><option value="GW">Guinea-Bissau</option><option value="GY">Guyana</option><option value="HT">Haiti</option><option value="HO">Holland</option><option value="HN">Honduras</option><option value="HK">Hong Kong</option><option value="HU">Hungary</option><option value="IS">Iceland</option><option value="IN">India</option><option value="ID">Indonesia</option><option value="IR">Ireland</option><option value="IL">Israel</option><option value="IT">Italy</option><option value="CI">Ivory Coast</option><option value="JM">Jamaica</option><option value="JP">Japan</option><option value="JO">Jordan</option><option value="KZ">Kazakhstan</option><option value="KE">Kenya</option><option value="KI">Kiribati</option><option value="KO">Kosrae</option><option value="KW">Kuwait</option><option value="KG">Kyrgyzstan</option><option value="LA">Laos</option><option value="LV">Latvia</option><option value="LB">Lebanon</option><option value="LS">Lesotho</option><option value="LR">Liberia</option><option value="LI">Liechtenstein</option><option value="LT">Lithuania</option><option value="LU">Luxembourg</option><option value="MO">Macau</option><option value="MK">Macedonia</option><option value="MG">Madagascar</option><option value="ME">Madeira</option><option value="MW">Malawi</option><option value="MY">Malaysia</option><option value="MV">Maldives</option><option value="ML">Mali</option><option value="MT">Malta</option><option value="MH">Marshall Islands</option><option value="MQ">Martinique</option><option value="MR">Mauritania</option><option value="MU">Mauritius</option><option value="MX">Mexico</option><option value="MD">Moldova</option><option value="MC">Monaco</option><option value="MN">Montenegro</option><option value="MS">Montserrat</option><option value="MA">Morocco</option><option value="MZ">Mozambique</option><option value="MM">Myanmar</option><option value="NA">Namibia</option><option value="NP">Nepal</option><option value="NL">Netherlands</option><option value="AN">Netherlands Antilles</option><option value="NC">New Caledonia</option><option value="NZ">New Zealand</option><option value="NI">Nicaragua</option><option value="NE">Niger</option><option value="NG">Nigeria</option><option value="NF">Norfolk Island</option><option value="NB">N. Ireland</option><option value="MP">N. Mariana Islands</option><option value="NO">Norway</option><option value="OM">Oman</option><option value="PK">Pakistan</option><option value="PW">Palau</option><option value="PA">Panama</option><option value="PG">Papua New Guinea</option><option value="PY">Paraguay</option><option value="PE">Peru</option><option value="PH">Philippines</option><option value="PL">Poland</option><option value="PO">Ponape</option><option value="PT">Portugal</option><option value="PR">Puerto Rico</option><option value="QA">Qatar</option><option value="IE">Republic of Ireland</option><option value="YE">Republic of Yemen</option><option value="RE">Reunion</option><option value="RO">Romania</option><option value="RT">Rota</option><option value="RU">Russia</option><option value="RW">Rwanda</option><option value="SS">Saba</option><option value="SP">Saipan</option><option value="SA">Saudi Arabia</option><option value="SF">Scotland</option><option value="SN">Senegal</option><option value="RS">Serbia</option><option value="SC">Seychelles</option><option value="SL">Sierra Leone</option><option value="SG">Singapore</option><option value="SK">Slovakia</option><option value="SI">Slovenia</option><option value="SB">Solomon Islands</option><option value="ZA">South Africa</option><option value="KR">South Korea</option><option value="ES">Spain</option><option value="LK">Sri Lanka</option><option value="NT">St.Barthelemy</option><option value="SW">St.Christopher</option><option value="SX">St.Croix</option><option value="EU">St.Eustatius</option><option value="UV">St.John</option><option value="KN">St.Kitts &amp; Nevis</option><option value="LC">St.Lucia</option><option value="MB">St.Maarten</option><option value="TB">St.Martin</option><option value="VL">St.Thomas</option><option value="VC">St.Vincent &amp; Grenadines</option><option value="SD">Sudan</option><option value="SR">Suriname</option><option value="SZ">Swaziland</option><option value="SE">Sweden</option><option value="CH">Switzerland</option><option value="SY">Syria</option><option value="TA">Tahiti</option><option value="TW">Taiwan</option><option value="TJ">Tajikistan</option><option value="TZ">Tanzania</option><option value="TH">Thailand</option><option value="TI">Tinian</option><option value="TG">Togo</option><option value="TO">Tonga</option><option value="TL">Tortola</option><option value="TT">Trinidad &amp; Tobago</option><option value="TU">Truk</option><option value="TN">Tunisia</option><option value="TR">Turkey</option><option value="TC">Turks &amp; Caicos Is.</option><option value="TV">Tuvalu</option><option value="UG">Uganda</option><option value="UA">Ukraine</option><option value="UI">Union Island</option><option value="AE">United Arab Emirates</option><option value="GB">United Kingdom</option><option value="US" selected="selected">United States</option><option value="UY">Uruguay</option><option value="VI">US Virgin Islands</option><option value="UZ">Uzbekistan</option><option value="VU">Vanuatu</option><option value="VE">Venezuela</option><option value="VN">Vietnam</option><option value="VR">Virgin Gorda</option><option value="WK">Wake Island</option><option value="WL">Wales</option><option value="WF">Wallis &amp; Futuna Is.</option><option value="WS">Western Samoa</option><option value="YA">Yap</option><option value="ZR">Zaire</option><option value="ZM">Zambia</option><option value="ZW">Zimbabwe</option>
            </select>
          </div>

          
          <div class="ctrlHolder">
            <label for="city">City</label>
            <input name="city" id="city" value="" size="35" maxlength="30" type="text" class="textInput" />
          </div>

          <div class="ctrlHolder">
            <label for="zip">Zip/Postal code</label>
            <input name="zip" id="zip" value="" size="25" maxlength="10" type="text" class="textInput" />

          </div>
          
          <div class="ctrlHolder">
            <div>
              <label for="newsletter" class="inlineLabel"><input name="newsletter" id="newsletter" value="1" type="checkbox" /> Send me your news and information (a.k.a. junk)</label>
            </div>
            <div>

              <label for="i_agree" class="inlineLabel"><input name="i_agree" id="i_agree" value="1" type="checkbox" /> <em>*</em> I have read and agree to your <a href="/">privacy policy</a></label>
            </div>
          </div>

        </fieldset>
		<com:TCustomValidator
			ControlToValidate='password'
			 EnableClientScript="true"
			OnServerValidate='validatePassword'
			ValidationGroup="user" />
        <div class="ctrlHolder buttonHolder">
        	<com:TActiveButton ButtonType="Reset" CssClass="resetButton" Text="Reset" ValidationGroup="user" onCallBack="foobar" onClick="foobar"  />
			<com:TActiveButton ButtonType="Submit" CssClass="submitButton" Text="Submit" ValidationGroup="user" onCallBack="foobar" onClick="foobar" />
			<input type="submit" CssClass="submitButton" Value="This one works" /> 
        </div>

      </div>
    <!-- =endloginform= -->

</div>
</com:TActivePanel>
</com:TContent>