Jump to content

help in finding out the issue


jaychennai

Recommended Posts

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>

post-846243-0-36602700-1413656045_thumb.png

Edited by jaychennai (see edit history)
Link to comment
Share on other sites

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 account

Sign in

Already have an account? Sign in here.

Sign In Now
×
×
  • Create New...