Hallo zusammen,
vielen Dank für`s reinschauen.
Ich habe mir für meine TYPO3 - Seite ein Felogin eingerichtet.
mittels Jquery habe ich einen Button, hovert man über diesen so fährt das "loginformular" raus.
Nach der Anmeldung hat man nun Zugriff auf die bestimmten Inhalte.
Mein Problem ist, das die Kunden erst wieder auf Login klicken müssen um das Abmelden zu bekommen..
Ich hätte gerne den Abmelde button aber im header..
Aber ich versuch das seit einer Woche zu realiseren und bekomme es nicht hin 🙁
Kann mir bitte jemand helfen 🙁?
Hier meine TS
page.10.subparts.LOGIN = COA
page.10.subparts.LOGIN {
wrap = <div class="wrapper">|</div>
30 = COA
30 {
10 = TEXT
10.wrap = <a href="#" id="loginButton" class="h-button"><span>|</span></a>
10.value = Login
20 = COA
20 {
wrap = <div id="loginBox"> | </div>
10 < plugin.tx_felogin_pi1
10 {
feloginBaseURL = xxx
storagePid = 132
templateFile = fileadmin/template/felogin/felogin_standard.html
showForgotPasswordLink = 1
#welcomeHeader_stdWrap >
#welcomeMessage_stdWrap >
#logoutHeader_stdWrap >
#logoutHeader_stdWrap >
#successHeader_stdWrap >
showLogoutFormAfterLogin = 1
noSuccessMessageAfterLogin = 1
dateFormat = d.m.Y
redirectMode = login
#_CSS_DEFAULT_STYLE >
}
}
page.jsFooterInline.1234567890 = COA
page.jsFooterInline.1234567890 {
30 = TEXT
30.value (
<script type="text/javascript">
$(function() {
var button = $('#loginButton');
var box = $('#loginBox');
var form = $('#loginForm');
button.removeAttr('href');
button.mouseup(function(login) {
box.toggle();
button.toggleClass('active');
});
form.mouseup(function() {
return false;
});
$(document).mouseup(function(login) {
if(!($(login.target).parents('#loginButton').length > 0)) {
button.removeClass('active');
box.hide();
}
});
});
</script>
)
}
Und meine HTML
<!-- ###DOKUMENT### begin -->
<style type="text/css">
#search {
}
#search input[type="text"] {
background: url(http://localhost/typo3/fileadmin/template/img/search-white.png) no-repeat 10px 6px #fcfcfc;
border: 1px solid #d1d1d1;
font: bold 12px Arial,Helvetica,Sans-serif;
color: #bebebe;
width: 80px;
padding: 6px 15px 6px 35px;
-webkit-border-radius: 20px;
-moz-border-radius: 20px;
border-radius: 20px;
text-shadow: 0 2px 3px rgba(0, 0, 0, 0.1);
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15) inset;
-webkit-transition: all 0.7s ease 0s;
-moz-transition: all 0.7s ease 0s;
-o-transition: all 0.7s ease 0s;
transition: all 0.7s ease 0s;
}
#search input[type="text"]:focus {
width: 130px;
}
</style>
<script type="text/javascript" src="fileadmin/template/js/hoverIntent.js"></script>
<script type="text/javascript" src="fileadmin/template/js/superfish.js"></script>
<script type="text/javascript" src="fileadmin/template/js/supersubs.js"></script>
<script type="text/javascript" src="fileadmin/template/js/login.js"></script>
<script type="text/javascript">
// initialise plugins
$(document).ready(function(){
$("ul.sf-menu").supersubs({
minWidth: 11, // minimum width of sub-menus in em units
maxWidth: 27, // maximum width of sub-menus in em units
extraWidth: 1 // extra width can ensure lines don't sometimes turn over
// due to slight rounding differences and font-family
}).superfish({
animation: {opacity:'toggle',height:'show',width:'show'},
speed: 'fast'
}); // call supersubs first, then superfish, so that subs are
// not display:none when measuring. Call before initialising
// containing tabs for same reason.
});
</script>
<div id="center">
<div id="logo">###LOGO###</div>
<div class="login">
<!-- ###LOGIN### start -->
Hier erscheint das Login-Formular im Template
<!-- ###LOGIN### stop -->
</div>
<div id="head">
</div>
<div id="navigation">###NAVI###</div>
<div id="headerbild">###HEADERBILD###</div>
<div id="suchform">
<form method="post" action="http://localhost/typo3/index.php?id=78" id="search">
<input type="text" size="10" title="" value="" name="tx_indexedsearch[sword]" class="searchbox" placeholder="Suche..." />
<input type="hidden" value="1" name="tx_indexedsearch[type]" />
<input type="hidden" name="tx_indexedsearch[lang]" value="0" />
<input type="hidden" value="1" name="no_cache" />
</form>
</div>
<div style="clear:both;"></div>
<div id="headernavi">###HEADERNAVI###</div>
<div id="content">
<div id="con-left-right">
<div id="con-left">###CONTENT###</div>
<div id="con-right">###RIGHT###</div>
</div>
<div id="footer">
###FOOTER###<br style="clear:both;" />
</div>
</div>
</div>
<!-- ###DOKUMENT### end