21. Oktober 2009

FE Login auf jeder Seite einbinden

in Extension, Tutorial, TYPO3, TypoScript

Ähnlich dem Thema Suchformular auf jeder Seite einbinden, geht das natürlich auch mit einem Loginfeld.
An einem Subpart ###LOGIN### kann man einfach ein Loginformular anzeigen, dass sich bei einer erfolgreichen Anmeldung gegen eine Ansicht mit Vor- und Nachname tauschen soll.
Das Ganze ist kein Hexenwerk und auch nicht wirklich bahnbrechend neu – aber als Copy & Paste Vorlage allemal tauglich 🙂


Screens


Beispiele von der Seite www.lehrer-in-spe.de

Beispiel Code
Setup:

# Loginformular
temp.login = COA
temp.login {
	10 = TEXT
	10.value = <form action="
	20 = TEXT
	20.typolink {
		parameter.data = TSFE:id
		returnLast = url
	} 
	30 = TEXT
	30.value = " enctype="multipart/form-data" method="post" class="loginform">
	40 = TEXT
	40.value = <input name="logintype" value="login" type="hidden" />
	50 = TEXT
	50.value = <input name="pid" value="{$pid_feuser}" type="hidden" />
	60 = TEXT
	60.value = <input name="user" size="20" value="Dein Vorname" onfocus="if(this.value=='Dein Vorname') this.value='';" onblur="if(this.value=='') this.value='Dein Vorname';" type="text" id="user" class="username" />
	70 = TEXT
	70.value = <input name="pass" size="20" value="Deine E-Mail" onfocus="if(this.value=='Deine E-Mail') this.value='';" onblur="if(this.value=='') this.value='Deine E-Mail';" type="password" id="pass" class="password" />
	80 = TEXT
	80.value = <input name="submit" value="Login" type="submit" class="submit" />
	100 = TEXT
	100.value = </form>
}
 
# Logoutbutton
temp.logout = COA_INT
temp.logout {
        5 = TEXT
	5.typolink {
		parameter = {$pid_logout_redirect}
		returnLast = url
	} 
        5.wrap = <form action="|" class="loginform">
	10 = TEXT
	10.value = <input type="button" value="Logout" class="submit" onclick="location='
	20 = TEXT
	20.wrap = {$baseURL}|
	20.typolink {
		value = bla
		parameter = {$pid_logout_redirect}
		returnLast = url
		additionalParams = &logintype=logout
	}
	30 = TEXT
	30.value = '" class="submit" />
	30.wrap = |<input type="hidden" name="logintype" value="logout" />
	40 = TEXT
	40.dataWrap = <div class="logoutname">{TSFE:fe_user|user|name}</div>
	50 = TEXT
	50.value = </form>
}
 
 
[usergroup = *]
page.10.subparts.LOGIN < temp.logout
[else]
page.10.subparts.LOGIN < temp.login
[end]

Constants:

# Seiten ID in der die FE_User gespeichert sind
pid_feuser = 10
 
# Seite die nach einem Logout angesprungen werden soll
pid_logout_redirect = 14
 
# Prefix für Redirect
baseURL = http://www.deineURL.de/

Cheers, Alex

5 Reaktionen zu “FE Login auf jeder Seite einbinden”

Kommentare abonnieren (RSS) oder TrackBack URL

Hallo,
ich habe dieses Formular getestet und glaube, dass es nicht im IE6 funktioniert.

MB-Grille am 30. Oktober 2009 um 17:26

Hi,

ich kann meine Dankbarkeit nicht in Worte fassen. Nach einer kurzen Anpassung des Styles bewirkt dein Skritp wunder auf der Seite an die ich gerade arbeite.

Martin am 16. April 2010 um 13:41

merci für das snippsel 😉

Markus am 22. Oktober 2010 um 13:58

Hallo,

ich habe den marker ###LOGIN### bei mir im layout eingefügt, aber es tut sich nicht.
Der marker wird im quellcode nicht angezeigt :/

gits ne lösung?

Maxi am 21. Januar 2012 um 23:56

Hallo,

dieser Code war genau das was ich gesucht hatte. aber das redirekt funktioniert leider überhaupt nicht und mir ist nicht klar warum.

zum Test:

Test = user
test = Passwort

Für Tipps bin ich sehr dank bar

Marcus am 24. Oktober 2014 um 02:39

Kategorien

Archiv