Ignore:
Timestamp:
2011/03/08 20:05:15 (13 years ago)
Author:
nanasess
Message:

#1104(PCサイト ヘッダーログイン入力エリア 紛らわしい)

  • title 属性と, 「メールアドレス」の表示を追加
File:
1 edited

Legend:

Unmodified
Added
Removed
  • branches/version-2_5-dev/data/Smarty/templates/default/frontparts/bloc/login_header.tpl

    r20528 r20554  
     1<script type="text/javascript">//<![CDATA[ 
     2    $(function(){ 
     3        var $login_email = $('#header_login_area input[name=login_email]'); 
     4 
     5        if (!$login_email.val()) { 
     6            $login_email 
     7                .val('メールアドレス') 
     8                .css('color', '#AAA'); 
     9        } 
     10 
     11        $login_email 
     12            .focus(function() { 
     13                if ($(this).val() == 'メールアドレス') { 
     14                    $(this).val('') 
     15                           .css('color', '#000'); 
     16                } 
     17            }) 
     18            .blur(function() { 
     19                if (!$(this).val()) { 
     20                    $(this).val('メールアドレス') 
     21                           .css('color', '#AAA'); 
     22                } 
     23            }); 
     24 
     25        $('#header_login_form').submit(function() { 
     26            if ($login_email.val() == 'メールアドレス') { 
     27                alert('メールアドレス/パスワードを入力して下さい。'); 
     28                return false; 
     29            } 
     30            return true; 
     31        }); 
     32    }); 
     33//]]> 
     34</script> 
    135<div class="bloc_outer"> 
    236    <div id="header_login_area" class="clearfix"> 
    3         <form name="login_header_form" id="login_header_form" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('login_header_form')"> 
     37        <form name="header_login_form" id="header_login_form" method="post" action="<!--{$smarty.const.HTTPS_URL}-->frontparts/login_check.php" onsubmit="return fnCheckLogin('header_login_form')"> 
    438        <input type="hidden" name="mode" value="login" /> 
    539        <input type="hidden" name="<!--{$smarty.const.TRANSACTION_ID_NAME}-->" value="<!--{$transactionid}-->" /> 
     
    1448                            所持ポイント: <span class="point"> <!--{$tpl_user_point|number_format|default:0}--> pt</span> 
    1549                        <!--{/if}-->&nbsp;&nbsp; 
    16                         <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/common/btn_header_logout_on.jpg',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/common/btn_header_logout.jpg',this)" src="<!--{$TPL_URLPATH}-->img/common/btn_header_logout.jpg" onclick="fnFormModeSubmit('login_header_form', 'logout', '', ''); return false;" alt="ログアウト" /> 
     50                        <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/common/btn_header_logout_on.jpg',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/common/btn_header_logout.jpg',this)" src="<!--{$TPL_URLPATH}-->img/common/btn_header_logout.jpg" onclick="fnFormModeSubmit('header_login_form', 'logout', '', ''); return false;" alt="ログアウト" /> 
    1751                    </p> 
    1852                <!--{/if}--> 
     
    2054                <ul class="formlist clearfix"> 
    2155                    <li class="mail"> 
    22                         <input type="text" class="box150" name="login_email" value="<!--{$tpl_login_email|h}-->" style="ime-mode: disabled;" /> 
     56                        <input type="text" class="box150" name="login_email" value="<!--{$tpl_login_email|h}-->" style="ime-mode: disabled;" title="メールアドレスを入力して下さい" /> 
    2357                    </li> 
    2458                    <li class="login_memory"> 
    25                         <input type="checkbox" name="login_memory" id="login_memory" value="1" <!--{$tpl_login_memory|sfGetChecked:1}--> /><label for="login_memory"><span>記憶</span></label> 
     59                        <input type="checkbox" name="login_memory" id="header_login_memory" value="1" <!--{$tpl_login_memory|sfGetChecked:1}--> /><label for="header_login_memory"><span>記憶</span></label> 
    2660                    </li> 
    27                     <li class="password"><input type="password" class="box100" name="login_pass" /></li> 
     61                    <li class="password"><input type="password" class="box100" name="login_pass" title="パスワードを入力して下さい" /></li> 
    2862                    <li class="btn"> 
    2963                        <input type="image" onmouseover="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/common/btn_header_login_on.jpg',this)" onmouseout="chgImgImageSubmit('<!--{$TPL_URLPATH}-->img/common/btn_header_login.jpg',this)" src="<!--{$TPL_URLPATH}-->img/common/btn_header_login.jpg" /> 
Note: See TracChangeset for help on using the changeset viewer.