Seite 1 von 1

LogIn PopUp

Verfasst: 04.11.2008 21:49
von DeliCJouS
Hi,

Wollte mir mal ein PopUp für das LogIn entwerfen was dem des BB3 Foren-System gleicht... bin aber leider bisher gescheitert!

Evtl. hat jemand von euch eine Idee wie man das ganze vollenden könnte? So dass, es dann am Ende doch noch funktioniert!

Code: Alles auswählen

CSS: 


  #popupbox{
  margin: 0; 
  margin-left: 10%; 
  margin-right: 60%; 
  margin-top: 50px; 
  padding-top: 10px; 
  width: 30%; 
  height: 150px; 
  position: absolute; 
  background: #FBFBF0; 
  border: solid #000000 2px; 
  z-index: 9; 
  font-family: arial; 
  visibility: hidden;
  }
  

Code: Alles auswählen

Js:
function login(showhide){
    if(showhide == "show"){
        document.getElementById('logpop').style.visibility="visible"; 
    }else if(showhide == "hide"){
        document.getElementById('logpop').style.visibility="hidden"; 
    }
  }

Code: Alles auswählen

HTML:

<div id="logpop"> <!--Start login box-->

 <form action="./ucp.php?mode=login" method="post">
    <a href="./ucp.php?mode=login">Anmelden</a>  •   <a href="./ucp.php?mode=register">Registrieren</a> <a href="javascript:login('hide');" align="right"><img src="{T_THEME_PATH}/images/exit_red.png"></a>
    <fieldset>
        
        <input type="text" class="inputText" name="username" id="username" title="Benutzername" value="Benutzername" />
         
        <input type="password" class="inputText" name="password" id="password" title="Passwort" value="" title="Kennwort" />
        <input type="submit" name="login" value="Anmelden" /> <br />
        <label for="autologin">Mich bei jedem Besuch automatisch anmelden <input type="checkbox" name="autologin" id="autologin" /></label>    
</fieldset>
</form>

<br />
<center><a href="javascript:login('hide');">close</a></center> 
</div> 
<div id="anmelden">
<p><a href="javascript:login('show');" accesskey="l">{L_LOGIN_LOGOUT}</a></p> 
</div>
Habe gerade erst mit dem phpBB angefangen bzw. will mir ein Forum mit der phpBB source aufbauen und bin auch noch eher ein noob im webcoding bereich... Teile in Js, PHP und html(gute kenntnisse) kann ich aber dann doch... also, ich würde mich über ein wenig Unterstützung freuen! :-)

Evtl, den Tag {L_LOGIN_LOGOUT} ändern, bzw diesen dann im Js so coden das das ganze dann auch wirklich als Login und Logout link dient, Design noch etwas anpassen und den code im allgemeinen verbessern?!

Da ich neu bei euch bin und auch gerade erst angefangen habe mich mit dem, meiner Meinung nach (was ich bisher gesehen habe) tollen Foren-System vertraut zu machen, hoffe ich, dass Ihr mir entstandene/ gemachte Fehler verzeiht!!!

Gruß
DeliCJiouS

Verfasst: 04.11.2008 23:22
von djchrisnet
was funktioniert den nicht?

Verfasst: 04.11.2008 23:47
von DeliCJouS
Wie schon beschrieben... Der "Link" zum PopUp müsste im angemeldeten Zustand i-wie switchen zu Abmelden! So das dann nicht mehr das PopUp auf-"pop't" sondern der Abmelden Link dann auch abmeldet!

Allerdings bin ich mit den Sprachvariablen des PhPBB's noch nicht so vertraut das ich da was machen könnte... und in Js wüsste ich jetzt auch nicht wie ich das Managen sollte!

und i-wie mit einem onclick das Popup öffnen und mit einem ondblclick zur Anmelden Seite verlinken! Das habe ich auch i-wie net hinbekommen :-(

[ externes Bild ]

Alle weiteren Dinge wären natürlich nur noch Besser... wie zB an und Abschalten im ACP etc. also die Registrieren funktion