Login box in navbar !

Hi, Does anyone know how to do this?

[img][/img]

I do not know English very well, so do not jump on my mouth...

So I got this java code:

Code:

$(document).ready(function(){
 var existLog = $('#logout').length;

  if(existLog === 0) {
    $('.headerbar').append('<form id="ddlogin" action="/login.forum" method="post">
  <fieldset>
    <dl>
    <dd><input type="text" tabindex="1" name="username"
id="username" size="20" maxlength="40" value="Nume de utilizator" class="inputbox"
/></dd>
    </dl>
    <dl>
     
 
    <dd><input type="password" tabindex="2" id="password"
name="password" value="Parola" size="20" maxlength="25" class="inputbox"
/></dd>
    </dl>
    <dl>
     
<dd><label for="autologin"><input type="checkbox"
name="autologin" id="autologin" tabindex="4" class="checkbox"
checked="checked" /> Remember me</label></dd>
    </dl>
    <dl>
      <dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd>
    </dl>
  </fieldset>
</form>');
  }
});

When I connect to me, I remain a button that says disconnect, please help me!

There is a big error in the script... the fact that you have all those line breaks... the HTML has to be all on one line.

If you have removed the default forumotion navbar, then it will not work.

Anyway, here's a cleaned up script:

Code:


$(function(){
  if(!document.getElementById('logout')) {
    $('.headerbar').append('<form id="ddlogin" action="/login.forum" method="post"><fieldset><dl><dd><input type="text" tabindex="1" name="username" id="username" size="20" maxlength="40" value="Nume de utilizator" class="inputbox" /></dd></dl> <dl><dd><input type="password" tabindex="2" id="password" name="password" value="Parola" size="20" maxlength="25" class="inputbox"/></dd></dl><dl><dd><label for="autologin"><input type="checkbox" name="autologin" id="autologin" tabindex="4" class="checkbox" checked="checked" />Remember me</label></dd></dl><dl><dd><input type="submit" name="login" tabindex="6" value="Conectare" class="button2" /></dd></dl></fieldset></form>');
  }
});

Thanks for the help, but I want to stay after I connect the forum button in navbar with Disconnect

Well you need to add in the necessary code ...

Add an ELSE statement and do the same thing but instead the HTML for logout.
If you wrote that much I'm sure you know...

Unless you didn't write it...

the manuscript was placed in CSS Or Not

Honestly I'm not good at Java, css, html ... If you know what I want and can help me and me

Thanks a lot, to add a picture? such that:


and butonu move to the right?