ログインフォームの配置

ログインフォームも、ショッピングカートとほぼ同様の方法で設置することが出来ます。

ログインフォームの設置

ログインフォームは、次のように設置します。

ログインフォームの設置コード

ログインフォームの設置には、次のようなHTMLを「[ALINOUS_HOME]/templetes/index.html」に記述します。

<!--ログイン-->
<div id="bar_login_head">
<h2>ログイン</h2>
</div>
<div class="side_box" id="login">
<script type="text/javascript">loadLogin()</script>
</div>
<!--ログイン END-->

このようなHTMLを記述することによって、idが「login」という値のdivタグの中にログイン用のhtmlが出力されます。このとき、ログインしていないときはログインフォームが、ログインが出来ているときにはマイページのメニューが自動的にこのdivタグのなかに表示されます。

ログインフォームに読み込まれるHTML

ログインフォームに読み込まれるHTMLは、「ALINOUS_HOME/parts/login/loginFrm.html」にあります。このHTMLはログインフォームのHTMLになっています。

また、ログインが完了したときに表示されるHTMLは、「ALINOUS_HOME/parts/login/index.html」になり、こちらは、マイページのメニューになります。

[↑ページトップ]