jaychennai Posted October 18, 2014 Share Posted October 18, 2014 (edited) I am trying to get tabs working in registration/login page, it loads fine, but both the tab contents load in the first tab itself and i just cant figure out why.. Here is the code , can anyone id the issue here ?? thanks <div id="horizontalTab"> <ul> <li><a href="#tab-1">Register</a></li> <li><a href="#tab-2">Login </a></li> </ul> <div id="tab-1" class="tab_content"> <form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="account-creation_form" class="std box"> {$HOOK_CREATE_ACCOUNT_TOP} <div class="account_creation"> <h3 class="page-subheading">{l s='Your personal information'}</h3> <div class="clearfix"> <label>{l s='Title'}</label> <br /> {foreach from=$genders key=k item=gender} <div class="radio-inline"> <label for="id_gender{$gender->id}" class="top"> <input type="radio" name="id_gender" id="id_gender{$gender->id}" value="{$gender->id}" {if isset($smarty.post.id_gender) && $smarty.post.id_gender == $gender->id}checked="checked"{/if} /> {$gender->name} </label> </div> {/foreach} </div> <div class="required form-group"> <label for="customer_firstname">{l s='First name'} <sup>*</sup></label> <input onkeyup="$('#firstname').val(this.value);" type="text" class="is_required validate form-control" data-validate="isName" id="customer_firstname" name="customer_firstname" value="{if isset($smarty.post.customer_firstname)}{$smarty.post.customer_firstname}{/if}" /> </div> <div class="required form-group"> <label for="customer_lastname">{l s='Last name'} <sup>*</sup></label> <input onkeyup="$('#lastname').val(this.value);" type="text" class="is_required validate form-control" data-validate="isName" id="customer_lastname" name="customer_lastname" value="{if isset($smarty.post.customer_lastname)}{$smarty.post.customer_lastname}{/if}" /> </div> <div class="required form-group"> <label for="email">{l s='Email'} <sup>*</sup></label> <input type="text" class="is_required validate form-control" data-validate="isEmail" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email}{/if}" /> </div> <div class="required password form-group"> <label for="passwd">{l s='Password'} <sup>*</sup></label> <input type="password" class="is_required validate form-control" data-validate="isPasswd" name="passwd" id="passwd" /> <span class="form_info">{l s='(Five characters minimum)'}</span> </div> {if $newsletter} <div class="checkbox"> <input type="checkbox" name="newsletter" id="newsletter" value="1" {if isset($smarty.post.newsletter) AND $smarty.post.newsletter == 1} checked="checked"{/if} /> <label for="newsletter">{l s='Sign up for our newsletter!'}</label> </div> <div class="checkbox"> <input type="checkbox" name="optin" id="optin" value="1" {if isset($smarty.post.optin) AND $smarty.post.optin == 1} checked="checked"{/if} /> <label for="optin">{l s='Receive special offers from our partners!'}</label> </div> {/if} </div> {if $b2b_enable} <div class="account_creation"> <h3 class="page-subheading">{l s='Your company information'}</h3> <p class="form-group"> <label for="">{l s='Company'}</label> <input type="text" class="form-control" id="company" name="company" value="{if isset($smarty.post.company)}{$smarty.post.company}{/if}" /> </p> <p class="form-group"> <label for="siret">{l s='SIRET'}</label> <input type="text" class="form-control" id="siret" name="siret" value="{if isset($smarty.post.siret)}{$smarty.post.siret}{/if}" /> </p> <p class="form-group"> <label for="ape">{l s='APE'}</label> <input type="text" class="form-control" id="ape" name="ape" value="{if isset($smarty.post.ape)}{$smarty.post.ape}{/if}" /> </p> <p class="form-group"> <label for="website">{l s='Website'}</label> <input type="text" class="form-control" id="website" name="website" value="{if isset($smarty.post.website)}{$smarty.post.website}{/if}" /> </p> </div> {/if} {if isset($PS_REGISTRATION_PROCESS_TYPE) && $PS_REGISTRATION_PROCESS_TYPE} <div class="account_creation"> <h3 class="page-subheading">{l s='Your address'}</h3> {foreach from=$dlv_all_fields item=field_name} {if $field_name eq "company"} {if !$b2b_enable} <p class="form-group"> <label for="company">{l s='Company'}</label> <input type="text" class="form-control" id="company" name="company" value="{if isset($smarty.post.company)}{$smarty.post.company}{/if}" /> </p> {/if} {elseif $field_name eq "vat_number"} <div id="vat_number" style="display:none;"> <p class="form-group"> <label for="vat_number">{l s='VAT number'}</label> <input type="text" class="form-control" name="vat_number" value="{if isset($smarty.post.vat_number)}{$smarty.post.vat_number}{/if}" /> </p> </div> {elseif $field_name eq "firstname"} <p class="required form-group"> <label for="firstname">{l s='First name'} <sup>*</sup></label> <input type="text" class="form-control" id="firstname" name="firstname" value="{if isset($smarty.post.firstname)}{$smarty.post.firstname}{/if}" /> </p> {elseif $field_name eq "lastname"} <p class="required form-group"> <label for="lastname">{l s='Last name'} <sup>*</sup></label> <input type="text" class="form-control" id="lastname" name="lastname" value="{if isset($smarty.post.lastname)}{$smarty.post.lastname}{/if}" /> </p> {elseif $field_name eq "address1"} <p class="required form-group"> <label for="address1">{l s='Address'} <sup>*</sup></label> <input type="text" class="form-control" name="address1" id="address1" value="{if isset($smarty.post.address1)}{$smarty.post.address1}{/if}" /> <span class="inline-infos">{l s='Street address, P.O. Box, Company name, etc.'}</span> </p> {elseif $field_name eq "address2"} <p class="form-group is_customer_param"> <label for="address2">{l s='Address (Line 2)'}</label> <input type="text" class="form-control" name="address2" id="address2" value="{if isset($smarty.post.address2)}{$smarty.post.address2}{/if}" /> <span class="inline-infos">{l s='Apartment, suite, unit, building, floor, etc...'}</span> </p> {elseif $field_name eq "postcode"} {assign var='postCodeExist' value=true} <p class="required postcode form-group"> <label for="postcode">{l s='Zip/Postal Code'} <sup>*</sup></label> <input type="text" class="form-control" name="postcode" id="postcode" value="{if isset($smarty.post.postcode)}{$smarty.post.postcode}{/if}" onkeyup="$('#postcode').val($('#postcode').val().toUpperCase());" /> </p> {elseif $field_name eq "city"} <p class="required form-group"> <label for="city">{l s='City'} <sup>*</sup></label> <input type="text" class="form-control" name="city" id="city" value="{if isset($smarty.post.city)}{$smarty.post.city}{/if}" /> </p> <!-- if customer hasn't update his layout address, country has to be verified but it's deprecated --> {elseif $field_name eq "Country:name" || $field_name eq "country"} <p class="required select form-group"> <label for="id_country">{l s='Country'} <sup>*</sup></label> <select name="id_country" id="id_country" class="form-control"> <option value="">-</option> {foreach from=$countries item=v} <option value="{$v.id_country}"{if (isset($smarty.post.id_country) AND $smarty.post.id_country == $v.id_country) OR (!isset($smarty.post.id_country) && $sl_country == $v.id_country)} selected="selected"{/if}>{$v.name}</option> {/foreach} </select> </p> {elseif $field_name eq "State:name" || $field_name eq 'state'} {assign var='stateExist' value=true} <p class="required id_state select form-group"> <label for="id_state">{l s='State'} <sup>*</sup></label> <select name="id_state" id="id_state" class="form-control"> <option value="">-</option> </select> </p> {/if} {/foreach} {if $postCodeExist eq false} <p class="required postcode form-group unvisible"> <label for="postcode">{l s='Zip/Postal Code'} <sup>*</sup></label> <input type="text" class="form-control" name="postcode" id="postcode" value="{if isset($smarty.post.postcode)}{$smarty.post.postcode}{/if}" onkeyup="$('#postcode').val($('#postcode').val().toUpperCase());" /> </p> {/if} {if $stateExist eq false} <p class="required id_state select unvisible form-group"> <label for="id_state">{l s='State'} <sup>*</sup></label> <select name="id_state" id="id_state" class="form-control"> <option value="">-</option> </select> </p> {/if} <p class="textarea form-group"> <label for="other">{l s='Additional information'}</label> <textarea class="form-control" name="other" id="other" cols="26" rows="3">{if isset($smarty.post.other)}{$smarty.post.other}{/if}</textarea> </p> {if isset($one_phone_at_least) && $one_phone_at_least} <p class="inline-infos">{l s='You must register at least one phone number.'}</p> {/if} <p class="form-group"> <label for="phone">{l s='Home phone'}</label> <input type="text" class="form-control" name="phone" id="phone" value="{if isset($smarty.post.phone)}{$smarty.post.phone}{/if}" /> </p> <p class="{if isset($one_phone_at_least) && $one_phone_at_least}required {/if}form-group"> <label for="phone_mobile">{l s='Mobile phone'}{if isset($one_phone_at_least) && $one_phone_at_least} <sup>*</sup>{/if}</label> <input type="text" class="form-control" name="phone_mobile" id="phone_mobile" value="{if isset($smarty.post.phone_mobile)}{$smarty.post.phone_mobile}{/if}" /> </p> <p class="required form-group" id="address_alias"> <label for="alias">{l s='Assign an address alias for future reference.'} <sup>*</sup></label> <input type="text" class="form-control" name="alias" id="alias" value="{if isset($smarty.post.alias)}{$smarty.post.alias}{else}{l s='My address'}{/if}" /> </p> </div> <div class="account_creation dni"> <h3 class="page-subheading">{l s='Tax identification'}</h3> <p class="required form-group"> <label for="dni">{l s='Identification number'} <sup>*</sup></label> <input type="text" class="form-control" name="dni" id="dni" value="{if isset($smarty.post.dni)}{$smarty.post.dni}{/if}" /> <span class="form_info">{l s='DNI / NIF / NIE'}</span> </p> </div> {/if} {$HOOK_CREATE_ACCOUNT_FORM} <div class="submit clearfix"> <input type="hidden" name="email_create" value="1" /> <input type="hidden" name="is_new_customer" value="1" /> {if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'html':'UTF-8'}" />{/if} <button type="submit" name="submitAccount" id="submitAccount" class="btn btn-default button button-medium"> <span>{l s='Register'}<i class="icon-chevron-right right"></i></span> </button> <p class="pull-right required"><span><sup>*</sup>{l s='Required field'}</span></p> </div> </form></div> <div id="tab2" class="tab_content" > <form action="{$link->getPageLink('authentication', true)|escape:'html':'UTF-8'}" method="post" id="login_form" class="std box"> <h3 class="page-subheading">{l s='Already registered?'}</h3> <div class="form_content clearfix"> <div class="form-group"> <label for="email">{l s='Email address'}</label> <input class="is_required validate account_input form-control" data-validate="isEmail" type="text" id="email" name="email" value="{if isset($smarty.post.email)}{$smarty.post.email|stripslashes}{/if}" /> </div> <div class="form-group"> <label for="passwd">{l s='Password'}</label> <span><input class="is_required validate account_input form-control" type="password" data-validate="isPasswd" id="passwd" name="passwd" value="{if isset($smarty.post.passwd)}{$smarty.post.passwd|stripslashes}{/if}" /></span> </div> <p class="lost_password form-group"><a href="{$link->getPageLink('password')|escape:'html':'UTF-8'}" title="{l s='Recover your forgotten password'}" rel="nofollow">{l s='Forgot your password?'}</a></p> <p class="submit"> {if isset($back)}<input type="hidden" class="hidden" name="back" value="{$back|escape:'html':'UTF-8'}" />{/if} <button type="submit" id="SubmitLogin" name="SubmitLogin" class="button btn btn-default button-medium"> <span> <i class="icon-lock left"></i> {l s='Sign in'} </span> </button> </p> </div> </form> </div></div> Edited October 18, 2014 by jaychennai (see edit history) Link to comment Share on other sites More sharing options...
jaychennai Posted October 18, 2014 Author Share Posted October 18, 2014 never mind it was a stupid typo mistake from me Link to comment Share on other sites More sharing options...
Recommended Posts
Create an account or sign in to comment
You need to be a member in order to leave a comment
Create an account
Sign up for a new account in our community. It's easy!
Register a new accountSign in
Already have an account? Sign in here.
Sign In Now