loginformular, html integrationsprobleme [Archiv]

Archiv verlassen und diese Seite im Standarddesign anzeigen : loginformular, html integrationsprobleme

kid

16.09.2004, 18:02:42

hi,
ich hab ein, vermutlich kleines, problem bei einem loginformular.ich möchte mich mit diesem in mein phpbb-forum einloggen.probiere ich das in der "standard- version" also nur mit den wichtigsten feldern funktioniert alles.wollte dies nun in mein layout einbauen aber jetz geht das nicht mehr ganz, bzw. in mozilla funktioniert es teilweise, beim IE& co. nicht.
hier ein link zu dem modifizierten formular: http://forum.k-c-a.com/forum/test.bak.php/

die standard version:
<form action="login.php" method="post">
Benutzername: <input type="text" name="username"><br>
Passwort: <input type="password" name="password"><br>
Autologin? <input type="checkbox" name="autologin"><br>
<input type="hidden" name="redirect" value="meine_homepage.php">
<input type="submit" name="login" value="Login">
</form>

kann mir einer sagen was ich noch abändern muss damit das in meinem login formular klappt.die felder hab ich ja bereits umbenannt,usw.ich hab das teilweise von wo anderst übernommen.
wäre wirklich nett,
lg christoph

Corvin

16.09.2004, 18:04:27

Du müsstest schon den Code von deinem Formular posten ;).

kid

16.09.2004, 18:16:42

hi,
das war n bisschen mehr als ich dachte drum hab ich lieber den link geschrieben, man kann ja auch den quelltext über n browser ansehen.
hier trotzdem der quelltext:


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>index2</title>

<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="140">

<TR>
<TD COLSPAN="3"><IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="95"><br>

<IMG NAME="kl_menu_r1_c1" src="http://final.k-c-a.com/images/over_login.gif" alt="login gif" WIDTH="140" HEIGHT="37"></TD>
</TR>
<form method="post" action="http://forum.k-c-a.com/forum/login.php" name="login">

<TR>
<TD style="background-image: url(http://final.k-c-a.com/images/middle.gif);">
<IMG src="http://final.k-c-a.com/images/dist.gif" alt="distanz gif" WIDTH="20" HEIGHT="5"><A HREF="http://www.freecity.de/anmeldung/index.phtml" CLASS="M_Level2Link">Gratis anmelden! </A>
<input type="hidden" name="redirect" value="xy.php">
<input type="image" name="login" value="Login" src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" width="1" height="1" onFocus="javascript:this.blur()">
<BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="20" HEIGHT="5" alt="space gif" BORDER="0"><SPAN CLASS="text_kl">Username</SPAN><BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="15" HEIGHT="5" alt="space gif" BORDER="0">

<INPUT TYPE="text" NAME="username" SIZE="6" maxlength="50" class="login">
<BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="20" HEIGHT="5" alt="space gif" BORDER="0"><SPAN CLASS="text_kl">Passwort</SPAN><BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="15" HEIGHT="5" alt="space gif" BORDER="0">
<INPUT TYPE="password" NAME="password" SIZE="6" maxlength="100" class="login"><br>

<IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="5" BORDER="0"><A HREF="http://www.freecity.de/support/pw-reminder.phtml" CLASS="M_Level2Link">Passwort vergessen? </A>
<noscript><br><IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="5" BORDER="0"><input type="submit" name="submit" value="Login!"></noscript>
</TD>

</TR>
<TR>
<TD COLSPAN="3"><IMG NAME="kl_menu_r5_c1" src="http://final.k-c-a.com/images/under.gif" alt="unten" WIDTH="140" HEIGHT="46" BORDER="0" USEMAP="#login_map"></TD>
</TR>
</FORM>

</TABLE>

<MAP NAME="login_map">
<AREA SHAPE="CIRCLE" COORDS="113,21,10" HREF="javascript:document.login.submit();">
</MAP>

Corvin

16.09.2004, 18:32:51

So auf die schnelle fällt mir da auch nichts auf, aber vielleicht geht das ja:
<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="140">

<TR>
<TD COLSPAN="3"><IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="95"><br>

<IMG NAME="kl_menu_r1_c1" src="http://final.k-c-a.com/images/over_login.gif" alt="login gif" WIDTH="140" HEIGHT="37"></TD>
</TR>
<form action="login.php" method="post">
<TR>
<TD style="background-image: url(<a href="http://final.k-c-a.com/images/middle.gif" target="_blank">http://final.k-c-a.com/images/middle.gif</a>);">
<IMG src="http://final.k-c-a.com/images/dist.gif" alt="distanz gif" WIDTH="20" HEIGHT="5"><A HREF="http://www.freecity.de/anmeldung/index.phtml" CLASS="M_Level2Link">Gratis anmelden! </A>
<input type="hidden" name="redirect" value="xy.php">
<input type="image" name="login" value="Login" src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" width="1" height="1" onFocus="java script:this.blur()">
<BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="20" HEIGHT="5" alt="space gif" BORDER="0"><SPAN CLASS="text_kl">Username</SPAN><BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="15" HEIGHT="5" alt="space gif" BORDER="0">

<INPUT TYPE="text" NAME="username" SIZE="6" maxlength="50" class="login">
<BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="20" HEIGHT="5" alt="space gif" BORDER="0"><SPAN CLASS="text_kl">Passwort</SPAN><BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="15" HEIGHT="5" alt="space gif" BORDER="0">
<INPUT TYPE="password" NAME="password" SIZE="6" maxlength="100" class="login"><br>

<IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="5" BORDER="0"><A HREF="http://www.freecity.de/support/pw-reminder.phtml" CLASS="M_Level2Link">Passwort vergessen? </A>
<noscript><br><IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="5" BORDER="0"><input type="submit" name="submit" value="Login!"></noscript>
</TD>

</TR>
<TR>
<TD COLSPAN="3"><IMG NAME="kl_menu_r5_c1" src="http://final.k-c-a.com/images/under.gif" alt="unten" WIDTH="140" HEIGHT="46" BORDER="0" USEMAP="#login_map"></TD>
</TR>
</FORM>

</TABLE>

<MAP NAME="login_map">
<AREA SHAPE="CIRCLE" COORDS="113,21,10" HREF="java script:document.login.submit();">
</MAP>

ACHTUNG: in dem Code sind anscheinend einige Darstellungsfehler wegen dem Forum drin...

kid

16.09.2004, 19:03:01

hi,
ich hab da jetz noch n bisschen rumgemacht und herausgefunden wenn ich javascript abschalten in meinem browser erscheint ja der noscript teil und damit ein login button, schicke ich das formular mit einem klick darauf ab funktioniert das login. drücke ich aber enter funzt es nicht.ich habe js in IE und mozilla abgeschalten in beiden ging es (mit klicken!)
wies ausschaut werd ich das so wie ichs haben wollte nicht hinbekommen, schaue halt das ich das dann mit nem normalen button löse und hoffe das das mit der enter taste gehen wird(wäre blöd wenn man immer auf den button klicke würde)
vielen dank,
christoph

xabbuh

16.09.2004, 19:26:49

Mal eine Verständnisfrage zwischendurch: Ist dein Problem, dass das Formular nicht vernünftigt aussieht oder dass man sich nicht über dein Formular einloggen kann?

kid

16.09.2004, 19:43:48

jein,
wie gesagt das ding funktioniert so ja, bloß wenn ich es in die box einbauen will streikt es.
hab das problem mittlerweile gelöst über einen normalen submit button.( urspürunglich sollte man sich auch einlocken können wenn man auf einen teil einer grafik klickt,definiert über ein <map>)
hier könnt ihr sehen wie es nun aussieht,rechts unten wäre der kleine kreis zum abschicken des formular gewesen...
http://forum.k-c-a.com/forum/logine.php
html code:
<MAP NAME="login_map">

<AREA SHAPE="CIRCLE" COORDS="113,21,10" HREF="java script:document.login.submit();">

</MAP>

ich lass das jetz aber so, kein bock mehr drauf.das ding funzt jetz mit enter drücken und button,fertig!
trotzdem danke für die mühe
christoph

xabbuh

16.09.2004, 19:52:08

Es könnte daran liegen, dass dem submit-Button ebenfalls ein Name mit einem Wert zugewiesen ist und beim Einloggen auf diesen Wert überprüft wird. Der Wert des Submit-Buttons wird aber nur dann mit übermittelt, wenn du auf den Button klickst und nicht, wenn du das Formular zum Beispiel über JavaScript oder das drücken der Enter-Taste abschickst. Du kannst dieses Problem aber umgehen, in dem du ein hidden-Feld definierst, dass den gleichen Namen und den gleichen Wert des Submit-Buttons bekommt.

kid

16.09.2004, 20:05:13

es gibt ja ein hidden feld:
<input type="hidden" name="redirect" value="xy.php">

so ist es vorgegeben, meinst du jetzt noch ein zusätzliches hidden feld dazu, also 2 stück dann insgesamt oder dieses umbenennen was aber zu probleme führen dürfte.

xabbuh

16.09.2004, 20:11:45

Nein, ein zusätzliches. Du kannst ja theoretisch so viele hidden-Felder, wie du willst, definieren.

kid

17.09.2004, 20:35:02

hi,
ok sorry wusst icht nicht das ich da mehrere machen kann.ich werd's mal ausprobieren und dann hier das ergebnis posten.
vielen dank schon mal,
christoph

kid

17.09.2004, 21:17:22

hi,
ich nochmal, ich krieg's einfach nicht hin.entweder hängt er an die adresse "/login.php" dran oder garnichts passiert.
hier der quelltext:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<title>index2</title>

<TABLE BORDER="1" CELLPADDING="0" CELLSPACING="0" WIDTH="140">
<TR>
<TD COLSPAN="3"><IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="95"><br>

<IMG NAME="kl_menu_r1_c1" src="http://final.k-c-a.com/images/over_login.gif" alt="login gif" WIDTH="140" HEIGHT="37"></TD>
</TR>
<form method="post" action="login.php" name="login">

<TR>
<TD style="background-image: url(http://final.k-c-a.com/images/middle.gif);">
<IMG src="http://final.k-c-a.com/images/dist.gif" alt="distanz gif" WIDTH="20" HEIGHT="5"><A HREF="http://www.freecity.de/anmeldung/index.phtml" CLASS="M_Level2Link">Gratis anmelden! </A>
<input type="hidden" name="redirect" value="xy.php">
<input type="image" name="login" value="Login" src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" width="1" height="1" onFocus="javascript:this.blur()">
<BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="20" HEIGHT="5" alt="space gif" BORDER="0"><SPAN CLASS="text_kl">Username</SPAN><BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="15" HEIGHT="5" alt="space gif" BORDER="0">
<INPUT TYPE="text" NAME="username" SIZE="6" maxlength="50" class="login">
<BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="20" HEIGHT="5" alt="space gif" BORDER="0"><SPAN CLASS="text_kl">Passwort</SPAN><BR>
<IMG src="http://final.k-c-a.com/images/spacer.gif" WIDTH="15" HEIGHT="5" alt="space gif" BORDER="0">
<INPUT TYPE="password" NAME="password" SIZE="6" maxlength="100" class="login"><br>

<IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="5" BORDER="0"><A HREF="http://www.freecity.de/support/pw-reminder.phtml" CLASS="M_Level2Link">Passwort vergessen? </A>
<noscript><br><IMG src="http://final.k-c-a.com/images/spacer.gif" alt="space gif" WIDTH="20" HEIGHT="5" BORDER="0"><input type="submit" name="login" value="Login"></noscript>
</TD>

</TR>
<TR>
<TD COLSPAN="3"><IMG NAME="kl_menu_r5_c1" src="http://final.k-c-a.com/images/bottom_menu.gif" alt="unten" WIDTH="140" HEIGHT="46" BORDER="0" USEMAP="#login_map"><input type="hidden" name="login" value="Login"></TD>
</TR>
</FORM>
</TABLE>

<MAP NAME="login_map">
<AREA SHAPE="CIRCLE" COORDS="113,21,10" HREF="javascript:document.login.submit();">
</MAP>




<form action="login.php" method="post">
Benutzername: <input type="text" name="username"><br>
Passwort: <input type="password" name="password"><br>
Autologin? <input type="checkbox" name="autologin"><br>
<input type="hidden" name="redirect" value="xy.php">
<input type="submit" name="login" value="Login">
</form>



ich hab das hidden feld unten bei der grafik reingeschr. kann es sein das es an dem input type="image" liegt?
kann mir jemand die lösung posten?ich blick da nicht mehr durch, sorry!

christoph

xabbuh

18.09.2004, 10:49:32

Vielleicht habe ich es auch nur übersehen, aber könntest du vielleicht mal das original Formular von PHPBB posten? Habe das leider hier nicht zu Hand.
Kann dir aber sagen, dass es auf jeden Fall geht, weil ich das selbst auch mal gemacht habe.

kid

18.09.2004, 15:17:17

hi,
ich glaub du meinst den code aus dem login im forum, der sieht wie folgt aus:
<form action="login.php" method="post" target="_top">

<table width="100%" cellspacing="2" cellpadding="2" border="0" align="center">
<tr>
<td align="left" class="nav"><a href="index.php" class="nav">http://forum.k-c-a.com Foren-Übersicht</a></td>
</tr>

</table>

<table width="100%" cellpadding="4" cellspacing="1" border="0" class="forumline" align="center">
<tr>
<th height="25" class="thHead" nowrap="nowrap">Gib bitte deinen Benutzernamen und dein Passwort ein, um dich einzuloggen!</th>
</tr>
<tr>
<td class="row1"><table border="0" cellpadding="3" cellspacing="1" width="100%">
<tr>
<td colspan="2" align="center"> </td>

</tr>
<tr>
<td width="45%" align="right"><span class="gen">Benutzername:</span></td>
<td>
<input type="text" name="username" size="25" maxlength="40" value="" />
</td>
</tr>
<tr>

<td align="right"><span class="gen">Passwort:</span></td>
<td>
<input type="password" name="password" size="25" maxlength="32" />
</td>
</tr>
<tr align="center">
<td colspan="2"><span class="gen">Bei jedem Besuch automatisch einloggen: <input type="checkbox" name="autologin" /></span></td>
</tr>

<tr align="center">
<td colspan="2"><input type="hidden" name="redirect" value="" /><input type="submit" name="login" class="mainoption" value="Login" /></td>
</tr>
<tr align="center">
<td colspan="2"><span class="gensmall"><a href="profile.php?mode=sendpassword" class="gensmall">Ich habe mein Passwort vergessen!</a></span></td>
</tr>
</table></td>
</tr>

</table>

</form>

es gibt ja von phpbb ein tutorial zum externen login, davon ist auch das original login das ich bei nem beitrag weiter oben gepostet habe.

xabbuh

19.09.2004, 13:59:46

Dann bastel dir in dein eigenes Formular folgende Felder rein:

<input type="text" name="username" value="">
<input type="password" name="password" value="">
<input type="hidden" name="redirect" value="">
<input type="hidden" name="login" value="Login">

Zum Abschicken des Formulars nimmst du ein Bild:

<a href="#" onClick="document.formular.submit();"><img src="image.jpg"></a>

Auf den Imagebutton würde ich zunächst verzichten. Möglich, dass der Login durch die Werte des Imagebuttons abgewiesen wird.

kid

20.09.2004, 19:56:12

hi,
ich habs jetz wie zuvor mit nem normalen submit button gemacht und mit bisschen css sehen die buttons auch ganz gut aus :)
naja lieber funktioniert es und sieht dafür nicht ganz so gut aus wie umgekehrt.
danke allen!
christoph

xabbuh

20.09.2004, 20:42:42

Hattest du es denn noch mit den Formularfeldern ausprobiert, die ich geschrieben hatte?

kid

21.09.2004, 16:17:27

das würde nicht ganz so gehen wie ich das gewollt hätte da ich ja als link das gesamte bild nehmen würde, ich aber nur nen auschnitt davon verlinken möchte.vermutlich würde das auch über <map> funktionieren aber ich glaube nicht das das funktionieren würde, bisher so viel vergebens versucht.

xabbuh

21.09.2004, 16:28:08

Klar würde auch gehen:

<area coords="..." shape=".." href="#" onClick="document.formular.submit();">