top



I have made a toglle with the login panel , i want to change the image when the user log in how do i that ?

Code:
  <!-- BEGIN switch_user_logged_out -->
Logged out users' image
  <!-- END switch_user_logged_out -->
  <!-- BEGIN switch_user_logged_in -->
Logged in users' image
  <!-- END switch_user_logged_in -->

man this is my code

Code:
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>   
 <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery(".toggle-trig a").click(function () {
          jQuery(this).parent().next().slideToggle("normal");
        return false;
        });
    });
    </script>
   
    <div class="toggle-trig"><a href=""><img src="http://cdn4.iconfinder.com/data/icons/miniiconset/16/Music_Note.png"></a></div>
      <div class="radio_21">
  <table id="head_box" width="217px" cellspacing="0" cellpadding="0">

<tr><td style="height: 16px; background:

url(http://i26.servimg.com/u/f26/11/96/49/61/box110.png) no-repeat top center;">

</td></tr>

<tr><td style="background: url(http://i26.servimg.com/u/f26/11/96/49/61/box210.png)

repeat-y 0px center;">
<!-- BEGIN switch_user_logged_out -->

<form id="connect_box" action="login.forum?connexion" method="post"> <table

width="35%" border="0"><tr><td><p>Utilizator:  </p></td><td><input name="username"

size="15" maxlength="40" type="text"></input></td></tr><tr><td

width="21%"><span>Parola:  </span></td><td width="79%"><input name="password"

size="15" maxlength="32" type="password"></input></td></tr>
 <tr

align="center"><td colspan="2" ><input style="cursor: pointer;" class="mainoption"

name="login" value=" " type="submit"></input>    </td></tr></table>

<br><br>

<div id="connect_box_links"><a href="/profile.forum?mode=sendpassword">Parola

pierduta</a> || <a href="/profile.forum?mode=register">Inregistrare</a></div>

</form>

<!-- END switch_user_logged_out -->


<!-- BEGIN switch_user_logged_in -->

<div id="profil_box"><b>Profil</b>

<ul>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=informations">Informatii</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=preferences">Preferinte</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=signature">Semnatura</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=avatars">Avatar</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=friendsfoes">Lista de

prieteni</a>
</li>

<li>
<a href="/memberlist.forum">Membrii Forumului</a>
</li>

</ul>

</div>

<!-- END switch_user_logged_in -->

</td></tr>

<tr><td style="height: 16px; background:

url(http://i26.servimg.com/u/f26/11/96/49/61/box310.png) no-repeat bottom

center;"></td></tr>

</table>
</div>

    <style type="text/css">
    .toggle-trig{text-align:center;}
    .radio_21{display: none;}
    #head_box{margin-top:200px;}  </style></li> 
i want to put a button Connect when the user is not logeed in and when it logs a buton profile !

its the same!

no effect man i wnat to be a image with log in when a click that image a toggle with the login box to appear and if I log in to change in the profile button this is my code

Code:
 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js"></script>   
 <script type="text/javascript">
    jQuery(document).ready(function(){
    jQuery(".toggle-trig a").click(function () {
          jQuery(this).parent().next().slideToggle("normal");
        return false;
        });
    });
    </script>
   
    <div class="toggle-trig"><a href=""><img src=""></a></div>
      <div class="radio_21">
  <table id="head_box" width="217px" cellspacing="0" cellpadding="0">

<tr><td style="height: 16px; background:

url(http://i26.servimg.com/u/f26/11/96/49/61/box110.png) no-repeat top center;">

</td></tr>

<tr><td style="background: url(http://i26.servimg.com/u/f26/11/96/49/61/box210.png)

repeat-y 0px center;">
<!-- BEGIN switch_user_logged_out -->
        <img src="http://i61.servimg.com/u/f61/12/51/77/36/note_b10.png">
<form id="connect_box" action="login.forum?connexion" method="post"> <table

width="35%" border="0"><tr><td><p>Utilizator:  </p></td><td><input name="username"

size="15" maxlength="40" type="text"></input></td></tr><tr><td

width="21%"><span>Parola:  </span></td><td width="79%"><input name="password"

size="15" maxlength="32" type="password"></input></td></tr><br /> <tr

align="center"><td colspan="2" ><input style="cursor: pointer;" class="mainoption"

name="login" value=" " type="submit"></input>    </td></tr></table>

<br><br>

<div id="connect_box_links"><a href="/profile.forum?mode=sendpassword">Parola

pierduta</a> || <a href="/profile.forum?mode=register">Inregistrare</a></div>

</form>

<!-- END switch_user_logged_out -->


<!-- BEGIN switch_user_logged_in -->
<img src="http://i61.servimg.com/u/f61/12/51/77/36/home_a10.png">
<div id="profil_box"><b>Profil</b>

<ul>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=informations">Informatii</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=preferences">Preferinte</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=signature">Semnatura</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=avatars">Avatar</a>
</li>

<li>
<a href="/profile.forum?mode=editprofile&page_profil=friendsfoes">Lista de

prieteni</a>
</li>

<li>
<a href="/memberlist.forum">Membrii Forumului</a>
</li>

</ul>

</div>

<!-- END switch_user_logged_in -->

</td></tr>

<tr><td style="height: 16px; background:

url(http://i26.servimg.com/u/f26/11/96/49/61/box310.png) no-repeat bottom

center;"></td></tr>

</table>
</div>

    <style type="text/css">
    .toggle-trig{text-align:center;}
    .radio_21{display: none;}
    #head_box{margin-top:200px;}  </style></li>
                     

Wait, you want to change the trigger image?
e.g
If you click "Click" it will be "Clicked"? understand me?

no i don't understand :(

So what image you want to change when you click it?
do you want it like the categories toggler icon that we have in WD? Smile from "-" to "+"?

no man i wnat the image to change when i log in Razz