Hello Oxwall. I have spent my morning working on how to make a welcome page similar to Facebook's. Everything appears, but when the user clicks the "Join" button, it just refreshes the same page at /warn/welcome/join instead of making them join. Could you help me find out what's wrong? Here is the code:
<style>
.floatLeft{
float:left;}
.floatRight{
float:right;}
.ow page_5049562{
width: 455px;}
/*The ow page class is ID of your custom welcome page*/
</style>
<div class="floatLeft">
<h2>(yourwebsite) Helps you connect with the people in your life.</h2></br>
<img src="https://fbcdn-dragon-a.akamaihd.net/...820169_484552950.png" /><!--You may use any image you please-->
</div>
<span class="floatRight">
<div class="ow_box_empty ow_superwide ow_automargin ow_no_cap ow_break_word" style="">
<div class="ow_box_empty ow_center ow_no_cap ow_break_word" style="padding:15px;">
Join our fast-growing community. Find new friends, date up, share photo and video.
Enjoy!
</div>
<div class="ow_box_cap">
<div class="ow_box_cap_right">
<div class="ow_box_cap_body">
<h3 class="ow_ic_user">Register your profile</h3>
</div>
</div>
</div>
<div class="ow_box ow_break_word" style="">
<div class="ow_box_bottom_left"></div>
<div class="ow_box_bottom_right"></div>
<div class="ow_box_bottom_body"></div>
<div class="ow_box_bottom_shadow"></div>
</div>
<form id="joinForm" method="post" action="" name="joinForm" enctype="multipart/form-data">
<input name="form_name" id="input_75711645" type="hidden" value="joinForm" />
<table class="ow_table_1 ow_form">
<tr class="ow_tr_first"><th colspan="3">Basic</th></tr> <tr class="ow_alt1 ">
<td class="ow_label">
<label for="input_41230098">Username</label>
</td>
<td class="ow_value">
<input name="username" id="input_41230098" type="text" />
<div style="height:1px;"></div>
<span id="input_41230098_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
Should contain only letters and digits
</td>
</tr>
<tr class="ow_alt2 ">
<td class="ow_label">
<label for="input_92060126">Email</label>
</td>
<td class="ow_value">
<input name="email" id="input_92060126" type="text" />
<div style="height:1px;"></div>
<span id="input_92060126_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
Should be valid
</td>
</tr>
<tr class="ow_alt1 ">
<td class="ow_label">
<label for="input_33050410">Password</label>
</td>
<td class="ow_value">
<input name="password" id="input_33050410" type="password" />
<div style="height:1px;"></div>
<span id="input_33050410_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_alt2 ">
<td class="ow_label">
<label for="input_51639572">Repeat password</label>
</td>
<td class="ow_value">
<input name="repeatPassword" id="input_51639572" type="password" />
<div style="height:1px;"></div>
<span id="input_51639572_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_alt1 ">
<td class="ow_label">
<label for="input_98041692">Real name</label>
</td>
<td class="ow_value">
<input name="realname" id="input_98041692" type="text" />
<div style="height:1px;"></div>
<span id="input_98041692_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
First name and Last name
</td>
</tr>
<tr class="ow_alt2 ">
<td class="ow_label">
<label>Gender</label>
</td>
<td class="ow_value">
<ul class="ow_radio_group clearfix"><li style="width:100%"><input name="sex" id="input_49482781" type="radio" value="1" /> <label for="input_49482781">Male</label></li><li style="width:100%"><input name="sex" id="input_65679865" type="radio" value="2" /> <label for="input_65679865">Female</label></li></ul>
<div style="height:1px;"></div>
<span id="input_65679865_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_alt1 ">
<td class="ow_label">
<label for="input_4219099">Birthday</label>
</td>
<td class="ow_value">
<div class="birthdate">
<input name="birthdate" id="input_4219099" type="hidden" />
<div style="display:inline;"><select name="month_birthdate" type="text"><option value="">Month</option><option value="1">Jan</option><option value="2">Feb</option><option value="3">Mar</option><option value="4">Apr</option><option value="5">May</option><option value="6">Jun</option><option value="7">Jul</option><option value="8">Aug</option><option value="9">Sep</option><option value="10">Oct</option><option value="11">Nov</option><option value="12">Dec</option></select></div>
<div style="display:inline;"><select name="day_birthdate" type="text"><option value="">Day</option><option value="1">1</option><option value="2">2</option><option value="3">3</option><option value="4">4</option><option value="5">5</option><option value="6">6</option><option value="7">7</option><option value="8">8</option><option value="9">9</option><option value="10">10</option><option value="11">11</option><option value="12">12</option><option value="13">13</option><option value="14">14</option><option value="15">15</option><option value="16">16</option><option value="17">17</option><option value="18">18</option><option value="19">19</option><option value="20">20</option><option value="21">21</option><option value="22">22</option><option value="23">23</option><option value="24">24</option><option value="25">25</option><option value="26">26</option><option value="27">27</option><option value="28">28</option><option value="29">29</option><option value="30">30</option><option value="31">31</option></select></div>
<div style="display:inline;"><select name="year_birthdate" type="text"><option value="">Year</option><option value="1992">1992</option><option value="1991">1991</option><option value="1990">1990</option><option value="1989">1989</option><option value="1988">1988</option><option value="1987">1987</option><option value="1986">1986</option><option value="1985">1985</option><option value="1984">1984</option><option value="1983">1983</option><option value="1982">1982</option><option value="1981">1981</option><option value="1980">1980</option><option value="1979">1979</option><option value="1978">1978</option><option value="1977">1977</option><option value="1976">1976</option><option value="1975">1975</option><option value="1974">1974</option><option value="1973">1973</option><option value="1972">1972</option><option value="1971">1971</option><option value="1970">1970</option><option value="1969">1969</option><option value="1968">1968</option><option value="1967">1967</option><option value="1966">1966</option><option value="1965">1965</option><option value="1964">1964</option><option value="1963">1963</option><option value="1962">1962</option><option value="1961">1961</option><option value="1960">1960</option><option value="1959">1959</option><option value="1958">1958</option><option value="1957">1957</option><option value="1956">1956</option><option value="1955">1955</option><option value="1954">1954</option><option value="1953">1953</option><option value="1952">1952</option><option value="1951">1951</option><option value="1950">1950</option><option value="1949">1949</option><option value="1948">1948</option><option value="1947">1947</option><option value="1946">1946</option><option value="1945">1945</option><option value="1944">1944</option><option value="1943">1943</option><option value="1942">1942</option><option value="1941">1941</option><option value="1940">1940</option><option value="1939">1939</option><option value="1938">1938</option><option value="1937">1937</option><option value="1936">1936</option><option value="1935">1935</option><option value="1934">1934</option><option value="1933">1933</option><option value="1932">1932</option><option value="1931">1931</option><option value="1930">1930</option></select></div>
</div>
<div style="height:1px;"></div>
<span id="input_4219099_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_alt2 ">
<td class="ow_label">
<label>Looking for</label>
</td>
<td class="ow_value">
<ul class="ow_checkbox_group clearfix"><li style="width:100%"><input name="match_sex[]" id="input_32500920" type="checkbox" value="1" /> <label for="input_32500920">Male</label></li><li style="width:100%"><input name="match_sex[]" id="input_82347415" type="checkbox" value="2" /> <label for="input_82347415">Female</label></li></ul>
<div style="height:1px;"></div>
<span id="input_82347415_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_alt1 ow_tr_last ">
<td class="ow_label">
<label>Here for</label>
</td>
<td class="ow_value">
<ul class="ow_checkbox_group clearfix"><li style="width:100%"><input name="relationship[]" id="input_14121240" type="checkbox" value="1" /> <label for="input_14121240">Fun</label></li><li style="width:100%"><input name="relationship[]" id="input_62400773" type="checkbox" value="8" /> <label for="input_62400773">Friendship</label></li><li style="width:100%"><input name="relationship[]" id="input_22104941" type="checkbox" value="4" /> <label for="input_22104941">Dating</label></li><li style="width:100%"><input name="relationship[]" id="input_79204945" type="checkbox" value="2" /> <label for="input_79204945">Whatever</label></li></ul>
<div style="height:1px;"></div>
<span id="input_79204945_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_tr_delimiter"><td></td></tr> <tr class="ow_tr_first"><th colspan="3">Interests</th></tr> <tr class="ow_alt1 ">
<td class="ow_label">
<label for="input_6795547">Music</label>
</td>
<td class="ow_value">
<textarea name="9221d78a4201eac23c972e1d4aa2cee6" id="input_6795547"></textarea>
<div style="height:1px;"></div>
<span id="input_6795547_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_alt2 ow_tr_last ">
<td class="ow_label">
<label for="input_7096412">Favorite books</label>
</td>
<td class="ow_value">
<textarea name="c441a8a9b955647cdf4c81562d39068a" id="input_7096412"></textarea>
<div style="height:1px;"></div>
<span id="input_7096412_error" style="display:none;" class="error"></span>
</td>
<td class="ow_desc">
</td>
</tr>
<tr class="ow_tr_delimiter"><td></td></tr>
<tr class="ow_tr_first"><th colspan="3">Captcha</th></tr>
<tr class="ow_alt1 ow_tr_last" >
<td colspan="3" class="ow_center">
<div style='padding:10px;'>
<div class="captchaField_input_8787698">
<div class="ow_automargin clearfix" style="width: 230px;">
<div class="ow_left"><img src="http://ziondevelopers.uni.me/base/captcha/index/" id="siimage"></div>
<div class="ow_right" style="padding-top: 21px;"><span class="ic_refresh ow_automargin" id="siimage_refresh" style="cursor:pointer;"></span></div>
</div>
<div style="padding-top: 10px;"><input name="captchaField" id="input_8787698" type="text" style="width:100px;" /></div>
</div>
<div style="height:1px;"></div>
<span id="input_8787698_error" style="display:none;" class="error"></span>
</div>
</td>
</tr>
<tr class="ow_tr_delimiter"><td></td></tr>
</table>
<div class="clearfix">
<div class="ow_right">
<span class="ow_button"><span class=" ow_button ow_ic_submit"><input type="submit" value="Join" id="input_47685429" class="ow_button ow_ic_submit"name="joinSubmit"value="Join" /></span></span>
</div>
</div>
</form>
</div>
</span>
Thanks!
We build. You grow.
Get best community software hereStart a social network, a fan-site, an education project with oxwall - free opensource community software
The Welcome Page | Forum
Michael I.
Dec 10 '12
Jake, this looks like a source code of an entire page. What exactly should I look at?
JB TECH
Dec 10 '12
It's not. It's exactly just a copied code of the Join form. I have the page done, but I can't get the function to work when the user clicks "Join." It doesn't perform the action it is set to do.
Michael I.
Dec 12 '12
You can't get the code work by simply copying and pasting it. You should create a background for this feature to work on a separate page.
Michael I.
Dec 13 '12
Jake, HTML form will not work without a handler properly, I cannot provide you with instructions on how to perform this entire modification.
bilalsonija
Feb 6
Heya i am for the first time here. I came across this board and I to find It truly useful & it helped me out a lot. I’m hoping to provide something again and help others such as you helped me. tải app bk8
bilalsonija
Feb 7
I will right away seize your rss feed as I can not in finding your e-mail subscription link or e-newsletter service. Do you’ve any? Kindly let me recognize so that I may subscribe. Thanks. komplettset pool selber bauen
REHMAN
Feb 7
I found your blog web site on google and verify a number of of your early posts. Proceed to maintain up the excellent operate. I simply further up your RSS feed to my MSN Information Reader. Seeking ahead to studying more from you later on!? I’m often to running a blog and i really appreciate your content. The article has actually peaks my interest. I am going to bookmark your website and preserve checking for brand new information. đăng ký Miso88
ALI SHER
Feb 7
Nice post. I learn something tougher on different blogs everyday. It will always be stimulating to study content off their writers and exercise a specific thing from their store. I’d would prefer to use some with all the content in my blog regardless of whether you don’t mind. Natually I’ll provide a link for your web weblog. Thank you for sharing. stahlwandpool set
ALI SHER
Feb 10
Excellent line up. We will probably be linking to this great article on our web site. Keep up the great creating. nondual teacher
REHMAN
Feb 10
Super-Duper site! I am Loving it!! Will come back again, Im taking your feed also, Thanks. un curso de milagros
REHMAN
Feb 10
Super-Duper site! I am Loving it!! Will come back again, Im taking your feed also, Thanks. libro de un curso de milagros
REHMAN
Feb 10
howdy, your websites are really good. I appreciate your work. un curso de milagros pdf
REHMAN
Feb 10
Super-Duper site! I am Loving it!! Will come back again, Im taking your feed also, Thanks. um curso em milagres
bilalsonija
Feb 12
As i purchased with your blog site while positioning fascination purely a little bit little submits. Fulfilling technique for extended, We will be book-marking during a period attain forms finish happens further up. رولت آنلاین
