✔ Frage zum Tutorial - Untermenüs

Status
Nicht offen für weitere Antworten.
S

Scream30866

Grünschnabel
Schönen Guten Tag,
ich habe eine Frage zu dem Tutorial:

http://www.tutorials.de/forum/javascript-tutorials/24983-basic-dhtml-menue.html


Wie ihr auf meine Homepage ( ::: WEBSITE - Tobias Scholle ::. ) sehen könnt, habe ich ein Vorgefertigtes Menü, nun zum Problem:

Ich möchte gerne ein "Log - In" Button einbauen,
sobald ich auf diesen Button im Menü geklickt habe, soll darunter ein Loginfeld erscheinen, halt wie ein Untermenü, nur anstatt da Links stehen, soll dort das Loginfeld stehen, und danach auch das Menü des Logins.

Ich benutze das Loginscript von "Accessprotect.com" und habe mir gedacht,
ob man dieses Script nicht einfach dort reinbauen könnte (im Untermenü).

Ich arbeite (noch) mit dem Programm "Frontpage", bin aber eigentlich zufrieden damit =) !

Lieben gruß
Tobias
 
Und wo ist nun das Problem?

Mittels copy + paste habe ich das Login-Formular von der accessprotect.com -Seite im null-komma-nichts in die aufzuklappende Ebene eingebunden:

HTML: 
<a href="#" onclick="show('cat1')">Category 1</a><br>
<div id="cat1" style="display:none">
<FORM action="../members/login_check.php" method="POST" name="lf">
   <P><IMG border="0" src="../images/spacer.gif" width="180" height="1"><B><BR>
   <IMG border="0" src="../images/nav_butt.gif" width="147" height="27"><BR>
   &nbsp; </B>&nbsp;&nbsp;&nbsp; <IMG border="0" src="../images/sglarrow.gif" width="4" height="7">&nbsp; <A class="nav" href="./?LANG=DE">Start<BR>
   </A><IMG border="0" height="1" src="../images/navline.gif" width="135"><BR>
   <B>&nbsp; </B>&nbsp;&nbsp;&nbsp; <IMG border="0" src="../images/sglarrow.gif" width="4" height="7">&nbsp; <B><A class="nav" href="../join/?LANG=DE">Anmelden<BR>
   </A></B><IMG border="0" height="1" src="../images/navline.gif" width="135"><BR>
   <B>&nbsp; </B>&nbsp;&nbsp;&nbsp; <IMG border="0" src="../images/sglarrow.gif" width="4" height="7">&nbsp; <A class="nav" href="../faq/?LANG=DE">FAQ/Hilfe</A>
   <DIV align="left">
    <TABLE border="0" cellpadding="0" cellspacing="0">
     <TR>
      <TD align="left" colspan="2"><IMG border="0" height="1" src="../images/navline.gif" width="135"></TD>
     </TR>
     <TR>
      <TD colspan="2" valign="top"><B>&nbsp; </B>&nbsp;&nbsp;&nbsp; <IMG border="0" src="../images/sglarrow.gif" width="4" height="7">&nbsp; <B><A class="nav" href="../members/?LANG=DE">Login</A></B></TD>
     </TR>
     <TR>
      <TD valign="top"><IMG border="0" src="../images/spacer.gif" width="16" height="22"></TD>
      <TD valign="top"><FONT class="small" style="color:black">Accountname:</FONT><BR>
      <INPUT type="text" name="username" size="10" style="font-family: Arial; font-size: 10px; width: 80; height: 23"></TD>
     </TR>
     <TR>
      <TD valign="top">&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<BR>
      <IMG border="0" src="../images/spacer.gif" width="16" height="22"></TD>
      <TD valign="top"><FONT class="small" style="color:black">Passwort:</FONT><BR>
      <INPUT type="password" name="pwd" size="10" style="font-family: Arial; font-size: 10px; width: 80; height: 23"></TD>
     </TR>
     <TR>
      <TD colspan="2" valign="top"><P align="left"><B>&nbsp; </B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <B>&nbsp; </B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <FONT class="small">&nbsp;[ <FONT class="pfeil">»</FONT> <A class="small" href="javascript:document.lf.submit();"><FONT style="color:black"><U>LOGIN</U></FONT></A>
      ]&nbsp;</FONT><B><BR>
      &nbsp; </B>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp; <A class="nav" href="../members/pass_request.php?LANG=DE"><FONT class="small">... vergessen?
      </FONT></A></TD>
     </TR>
    </TABLE>
   </DIV>
   <INPUT type="hidden" name="LANG" value="DE">
  </FORM>
</div>
 
Hallo!

@Michael, da hast Du aber den falschen Code kopiert. ;)
Der dürfte eher zum Login auf der Anbieterseite sein..... z.b. um Einstellungen zu ändern.

Nimm lieber den Code von dieser Seite (zu finden unter "Videos" wenn man dort auf "Download" klickt). ;)

Gruss Dr Dau
 
@ Dr Dau: auch wenn ich in meinem Beispiel das falsche Login-Formular in die Ebene gepackt habe, so bleibt die Technik die gleiche ;)
 
Klar bleibt die Technik die gleiche..... der andere Code ist ja auch nur ein Formular..... und sogar mit Start-/Endkommentar. ;)
 
Vielen Lieben Dank

Werde es mal ausprobieren!


Edit:
Bei mir zeigt der leider immer ein Javascript Fehler an!

Ich habe den Code so geändert:
Code: 
<a href="#" onclick="show('cat1')">Log - In</a><br>
<div id="cat1" style="display:none">
<SCRIPT LANGUAGE="JavaScript">
<!-- (c) AccessProtect.com
function l_check() {
if (document.loginform.username.value.length < 3) {
alert("Benutzername?");document.loginform.username.focus();return false;}
if (document.loginform.password.value.length < 3) {
alert("Passwort?");document.loginform.password.focus();return false;}
}
// -->
</script>

<FORM action="http://scream30866.AccessProtect.com/login/" method="post" name="loginform" onsubmit="return l_check(this)">
<INPUT name="LANG" value="DE" type="hidden">
<INPUT name="URL_nouser" value="http://www.tobias-scholle.de/login_2.htm" type="hidden">
<INPUT name="URL_wrongpass" value="http://www.tobias-scholle.de/login_3.htm" type="hidden">
<TABLE>
<TR>
<TD nowrap bgcolor="#F5F5F5"><B> <FONT face="Arial,Helvetica" size="2">Benutzername:</FONT> </B></TD>
<TD nowrap><INPUT type="text" name="username" value maxlength="26" size="26"></TD>
</TR>
<TR>
<TD nowrap bgcolor="#F5F5F5"> <B><FONT size="2" face="Arial,Helvetica">Passwort:</FONT></B> </TD>
<TD><INPUT type="password" name="password" value maxlength="26" size="26"></TD>
</TR>
<TR>
<TD> </TD>
<TD><INPUT type="submit" value="Login" name="B1"></TD>
</TR>
</TABLE>
</FORM>

</div>


Lieben Gruß
Tobias
 
Zuletzt bearbeitet:
Vermutlich hast du das Script zum Ein- u. Ausblenden der Ebene 1:1 übernommen:

HTML: 
<script type="text/javascript">
<!--

function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";
d.getElementById("cat2").style.display="none";

d.getElementById(divid).style.display="inline";

}
//-->
</script>
Da du in dem Dokument aber nur eine "dynamische" Ebene eingesetzt hast, müsste der Script-Code so lauten:

HTML: 
<script type="text/javascript">
<!--

function show(divid) {
d=document;
d.getElementById("cat1").style.display="none";

d.getElementById(divid).style.display="inline";

}
//-->
</script>
 
Status
Nicht offen für weitere Antworten.

Neue Beiträge

Zurück