ilch Forum » Ilch Clan 1.1 » Allgemein » Cursor focus in Textfeld der Loginbox.

Geschlossen
  1. Di. 22.04.2014 05:37 Uhr #1
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    Hallo.

    Ich habe eine Loginbox per Shadowbox erstellt.
    Nun möchte ich das man beim Öffnen der Box gleich los tippen kann. Wenn man es jetzt macht arbeitet man noch auf der Index Seite.

    Danke.


    verwendete ilch Version: 1.1 P

    betroffene Homepage: externer Link
    externer Link
    0 Mitglieder finden den Beitrag gut.
  2. Di. 22.04.2014 06:52 Uhr #2
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    externer Link
    0 Mitglieder finden den Beitrag gut.
  3. Di. 22.04.2014 11:39 Uhr #3
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    das bewirkt leider nur aus der hauptseite etwas aber nicht in der box. gibt es noch andere mothoden?
    externer Link
    0 Mitglieder finden den Beitrag gut.
  4. Di. 22.04.2014 13:27 Uhr #4
    User Pic
    MonsterEnergy Mitglied
    Registriert seit
    24.10.2012
    Beiträge
    57
    Beitragswertungen
    1 Beitragspunkte
    Eine frage. Wieso bindest du den Login per IFRAME ein?

    Mach das doch einfach so: 

    <a href="#" id="loginbutton" onmouseover="document.getElementById('button8').src='include/designs/mar_Gilde/buttons/login_a.png';"onmouseout=
"document.getElementById('button8').src='include/designs/mar_Gilde/buttons/login.png';"><img src="include/designs/mar_Gilde/buttons/login.png" alt=
"Login" border="0" id="button8" name="button8" /></a>



    Das hier vor </body> einfügen: 


    <div id="loginbox_out" style="display:none;">
   <div id="loginbox">
      <div id="loginbox_inner">
           <div id="close_login">x</div>
           {_boxes_login}
      </div>
   </div>
</div>


    Javascript (vor </head>): 

    <script type="text/javascript">
$(document).ready(function() {
   $('#loginbutton').click(function() {
      $('#loginbox_out').show();
      $('input[name="name"]'.focus();
   }
  $('#close_login').click(function() {
      $('#loginbox_out').hide();
   }
}
</script>


    Styles: 

    #loginbox_out {
   position: absolute;
   background-color: rgba(0, 0, 0, 0.6);
   width: 100%;
   height: 100%;
}
#loginbox {
   height: 400px;
   widht: 250px;
   background: #000000;
}
#loginbox_inner {
   position: relative;
   width: 100%;
   height: 100%;
   padding: 10px;
}
#close_login {
  position: absolute;
  right: 0;
  top: 0;
  color: #ffffff;
  cursor: pointer;
}



    Zuletzt modifiziert von MonsterEnergy am 22.04.2014 - 13:31:47
    0 Mitglieder finden den Beitrag gut.
  5. Di. 22.04.2014 13:54 Uhr #5
    User Pic
    holz Hall Of Fame
    Registriert seit
    17.11.2005
    Beiträge
    4.606
    Beitragswertungen
    117 Beitragspunkte
    ZitatZitat geschrieben von xxlynusxx
    das bewirkt leider nur aus der hauptseite etwas aber nicht in der box. gibt es noch andere mothoden?


    hast du es in der login.htm eingefügt?
    0 Mitglieder finden den Beitrag gut.
  6. Di. 22.04.2014 15:22 Uhr #6
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    ZitatZitat geschrieben von MonsterEnergy
    Eine frage. Wieso bindest du den Login per IFRAME ein?

    Mach das doch einfach so:


    Ich habe nur die originalen Ilch Dateien genutzt und nur die Pfade angepasst. Haben die Ilch Programmierer hier was falsch gemacht?^^

    ZitatZitat geschrieben von holz
    hast du es in der login.htm eingefügt?


    Ja in der login.htm

    Kann es sein das ich das evtl in die shadowbox.js einfügen muss oder in die shadowbox.css?
    externer Link
    0 Mitglieder finden den Beitrag gut.
  7. Di. 22.04.2014 15:50 Uhr #7
    User Pic
    MonsterEnergy Mitglied
    Registriert seit
    24.10.2012
    Beiträge
    57
    Beitragswertungen
    1 Beitragspunkte
    Ersetze mal das "Shadowbox.init();" auf Zeile 25 in der index.htm mit: 

    function myOpen(){
    $('input[name="name"]'.focus();
}

Shadowbox.init({onOpen: myOpen});



    Zuletzt modifiziert von MonsterEnergy am 22.04.2014 - 15:51:15
    0 Mitglieder finden den Beitrag gut.
  8. Di. 22.04.2014 19:30 Uhr #8
    User Pic
    Maretz Hall Of Fame
    Registriert seit
    28.02.2009
    Beiträge
    740
    Beitragswertungen
    74 Beitragspunkte
    acadopus.de/css/pop-up-mit-reinem-css_4911.html

    Als Anmerkung... zwinker


    Zuletzt modifiziert von Maretz am 22.04.2014 - 19:33:03
    Ilch Templates and Modules

    0 Mitglieder finden den Beitrag gut.
  9. Di. 22.04.2014 22:44 Uhr #9
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    ZitatZitat geschrieben von MonsterEnergy
    Ersetze mal das "Shadowbox.init();" auf Zeile 25 in der index.htm mit:


    Dann wird die Shadowbox garnicht mehr angezeigt sondern nur auf die login.htm weiter geleitet.
    externer Link
    0 Mitglieder finden den Beitrag gut.
  10. Mi. 23.04.2014 00:27 Uhr #10
    User Pic
    Jens238 Mitglied
    Registriert seit
    20.03.2013
    Beiträge
    404
    Beitragswertungen
    44 Beitragspunkte
    ZitatZitat geschrieben von Maretz
    http://acadopus.de/css/pop-up-mit-reinem-css_4911.html

    Als Anmerkung... zwinker


    Zuletzt modifiziert von Maretz am 22.04.2014 - 19:33:03


    Da muss ich Maretz recht geben... Ist viel praktikabler als mit
    der Shadowbox...
    0 Mitglieder finden den Beitrag gut.
  11. Mi. 23.04.2014 02:15 Uhr #11
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    Danke. Werde mich nun mehr damit beschäftigen.


    Zuletzt modifiziert von xxlynusxx am 23.04.2014 - 04:18:29
    externer Link
    0 Mitglieder finden den Beitrag gut.
  12. Mi. 23.04.2014 14:00 Uhr #12
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    ZitatZitat geschrieben von http://acadopus.de/css/pop-up-mit-reinem-css_4911.html
    Pop-Up mit reinem CSS


    ZitatZitat geschrieben von http://acadopus.de/css/pop-up-mit-reinem-css_4911.html
    Aus diesem Grund habe ich mir die Aufgabe gestellt, ein Pop-Up zu erstellen, das möglichst wenig JavaScript benutzt, [...]


    Da musste ich ja schon schmunzeln. Wenn ich dann sein Beispiel ansehe, wo auch noch jQuery eingebunden ist (möglichst wenig JavaScript natürlich!)...

    Dann lieber folgendes: drublic.github.io/css-modal/#howto-javascript. Dennoch leidet die Usability, wenn man kein JS einsetzen möchte.

    Muss jeder selbst wissen,... wer heute JS deaktiviert hat, ist eh größtenteils verloren, da juckt eine kleine Clanpage o.ä. so oder so nicht. Da gibt es ganz andere Probleme...
    externer Link
    0 Mitglieder finden den Beitrag gut.
  13. Do. 24.04.2014 18:08 Uhr #13
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    Wenn ich das nach Anleitung mach stimmt da was nicht.

    Testumgebung: externer Link

    Bin CSS neuling^^

    So geht der Code: externer Link


    Zuletzt modifiziert von xxlynusxx am 24.04.2014 - 18:16:31
    externer Link
    0 Mitglieder finden den Beitrag gut.
  14. Do. 24.04.2014 18:54 Uhr #14
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    gesperrtes Bild

    1. Drei Mal jQuery eingebunden (ja, die eine jquery.js existiert eh nicht) (#11, #16, #18).
    -> Nur ein Mal einbinden

    2. Finde den JS-Code, den du in deiner test.html hast, nirgends auf der "richtigen" Seite. Warum?

    3. Finde den CSS-Code, den du in deiner test.html hast, nirgends auf der "richtigen" Seite. Warum?

    4. Die eingebundene bbcode.js existiert im Übrigen auch nicht (hat hiermit jetzt aber nichts zu tun)

    Fragen über Fragen. lächeln


    Zuletzt modifiziert von dastiii am 24.04.2014 - 18:56:33
    externer Link
    0 Mitglieder finden den Beitrag gut.
  15. Fr. 25.04.2014 00:32 Uhr #15
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    ist die "richtige" seite nicht die loginbox.htm vom design?
    externer Link
    0 Mitglieder finden den Beitrag gut.
  16. Fr. 25.04.2014 18:50 Uhr #16
    User Pic
    dastiii Mitglied
    Registriert seit
    27.12.2005
    Beiträge
    2.354
    Beitragswertungen
    84 Beitragspunkte
    Hier war alles eingefügt: www.gtc-teso.de/test/test.htm
    Hier war nichts davon zu sehen, außer dem HTML-Code: www.gtc-teso.de/test/

    Und nein, der CSS-Code und JS-Code müssen in den <head>-Bereich deines Designs, daher muss es auch dort in die index.htm eingefügt werden.

    Da es die Testseiten ja anscheinend nicht mehr gibt, kann ich nicht weiter helfen.
    externer Link
    0 Mitglieder finden den Beitrag gut.
  17. Sa. 26.04.2014 06:04 Uhr #17
    User Pic
    xxlynusxx Mitglied
    Registriert seit
    28.01.2013
    Beiträge
    272
    Beitragswertungen
    4 Beitragspunkte
    Ich bastel jetzt wieder an der Hauptseite^^ Mit nem Backup is das ja kein Thema. Muss auch wieder viel Arbeiten. Daher kann ich nich so oft antworten.

    Ich melde mich heute Abend wieder wenn ich feierabend hab.
    externer Link
    0 Mitglieder finden den Beitrag gut.
Geschlossen

Zurück zu Allgemein

Optionen: Bei einer Antwort zu diesem Thema eine eMail erhalten