Logout-Formular innerhalb von Bootstrap navbar dropdown

Ich habe eine Bootstrap3 navbar mit dropdown-Menü.

Möchte ich meine "Abmeldung" im inneren bilden das dropdown-Menü. Es ist nicht eine sichtbare form, nur einen logout-button innerhalb eines Formulars.

Habe ich versucht, dieses:

<div class="navbar-collapse collapse">
  <ul class="nav navbar-nav">
    <li class="dropdown">
      <a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button">Dropdown<span class="caret"></span></a>
      <ul class="dropdown-menu">

        <!-- this dropdown menu item looks right -->
        <li><a href="#">Foo</a></li>

        <!-- this dropdown menu item (a logout form) does not -->
        <li><form action="/logout" method="post"><button type="submit" class="btn btn-link navbar-btn navbar-link">Log off</button></form></li>

      </ul>
    </li>
  </ul>
</div>

Aber es ist nicht richtig gestylt.

Wie mache ich Sie mit normalen dropdown-links? Ich hoffe, ich brauche nicht manuell anpassen, die css, und dass es eine eingebaute Möglichkeit, dies zu tun?

InformationsquelleAutor grokky | 2016-10-23

  1. 3

    Dass wird nicht wirklich funktionieren, aber man kann die logout-form woanders:

    <form id="logout-form" style="display:none" action="/logout" method="POST"></form>

    und wenn der Benutzer klickt auf logout rufen Sie einfach

    document.getElementById("logout-form").submit();

    in Javascript oder Sie setzen

    onclick="document.getElementById('logout-form').submit();"
    Das würde funktionieren, aber ich würde eher zu vermeiden, Skript für etwas so einfach. Wenn niemand sonst weiß, wie, werde ich nur custom style das Ding. Dein Weg funktioniert aber, also danke.
    Javascript ist eine standard, so dass Sie Sie verwenden können, für was Sie wollen🙂
    Das problem bei der Verwendung von JavaScript ist hier, dass jeder, der JavaScript deaktiviert, wird nicht in der Lage, um sich abzumelden. Für einige, das kann nicht sein ein Problem. Aber die meisten werden empfehlen, dass Ihre Website funktioniert auch noch ohne JavaScript. Obwohl JavaScript-Thermen, werden immer mehr und mehr üblich, so ist es wahrscheinlich weniger und weniger ein Problem.

    InformationsquelleAutor timmyRS

  2. 0

    versuchen, diese einfach link geben .java/servlet-Datei.

    <li><a href="Logout"><span class="glyphicon glyphicon-user"></span>Logout</a></li>
    In welcher Weise wird dies helfen?

    InformationsquelleAutor user10972532

Schreibe einen Kommentar