javascript - Hiding menu java script -
i trying hide 1 of drop down menu when user log-in or log-out, use $_session
know if user logged in. wrong javascript. hope help. !!here code:
the 2 drop down menu want hide/show:
<li class="dropdown" id="account" > <a href="#" class="dropdown-toggle" data-toggle="dropdown"> account <b class="caret"></b> </a> <ul class="dropdown-menu" > <li><a href="#">login</a></li> <li class="divider"></li> <li><a href="#">register</a></li> </ul> <li class="dropdown" id="user"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <?php if(isset($_session['username'])) { echo ' '.htmlentities($_session['username'], ent_quotes, 'utf-8'); } ?> <b class="caret"></b> </a> <ul class="dropdown-menu"> <li><a href="#">profile</a></li> <li><a href="#">messages</a></li> <li class="divider"></li> <li><a href="#">logout</a></li> </ul>
and here javascript code:
<script type="text/javascript"> if (isset($_session['username'])) { $('#user').show(); $('#account').hide(); } else { $('#user').hide(); } </script>
you can use php include class on div want way might not need javascript and/or jquery
<li class="dropdown <?php if(isset($_session['username'])){echo "notvisible";} ?>" id="account" >
and use class css set
.notvisible { display:none; }
you can use .toggleclass() or other means of hiding/showing menu afterward if want.
another way echo menu want php eg:
<?php if(isset($_session['username'])) { echo "<li class=\"dropdown\" id=\"account>\"" >>> , whatever want } else { echo "<li class=\"dropdown\" id=\"account\">" hello user".$_session['username']."and whatever else" } ?>
Comments
Post a Comment