Hallo,
ich möchte in meinem Kontaktformular mit PHP-Script einen Dialogfenster aufrufen und den Focus in einem Textfeld setzen.
Weis jemand, wie das geht?
Lg.
adolpho
Dialogfenster aufrufen und Focus setzen mit PHP?
-
-
Öhm.. das müsste doch im Endeffekt mit JavaScript gemacht werden, oder? O.o
Also entweder machst du quasi
Oder meinst du eher sowas wie mit JavaScript also die "Alert"-Box?
Dann quasi(Die meisten Popups sind übrigens meist einfach nur gestylte Div-Boxen, die per JavaScript aufgerufen werden
Ein Beispiel[Auf Anmelden oder Registrieren Klicken]) -
Ich hab gerade versucht, durch den JS-Code auf der Seite durchzublicken... :?
-
Mysteriös, dass du da nicht durchblickst xD
Der is ja auch kompressiertAber nur für dich/euch schicke ich euch gerne auch mal den unkompressierten
Code
Alles anzeigen<script> var Title = document.title; var Fortschritt = 10; function Farbwechsel(){ // Transparentseffekt für alle neueren Browser document.getElementById("Erscheinen").style.opacity = "0." + Fortschritt; // Transparentseffekt für alle IE's document.getElementById("Erscheinen").style.filter = "Alpha(opacity=" + Fortschritt + ", finishopacity=0, style=0)"; if(Fortschritt <= 80){ Fortschritt = Fortschritt + 5; window.setTimeout("Farbwechsel()", 35); } else { Fortschritt = 10; } } function Erschein(Box) { if(document.getElementById(Box).style.display != "block"){ if(document.getElementById("Anmelden").style.display == "block" || document.getElementById("Registrieren").style.display == "block"){ document.getElementById("Anmelden").style.display = "none"; document.getElementById("Registrieren").style.display = "none"; } document.getElementById("Erscheinen").style.display = "block"; Farbwechsel(); document.getElementById(Box).style.display = "block"; document.title = Box + " | " + Title; } else { document.getElementById(Box).style.display = "none"; document.getElementById("Erscheinen").style.display = "none"; document.title = Title; } window.setTimeout('document.getElementById("Erscheinen").setAttribute("onclick", "Verschwinden()");', 1); } function Verschwinden(){ document.getElementById("Anmelden").style.display = "none"; document.getElementById("Registrieren").style.display = "none"; document.getElementById("Erscheinen").style.display = "none"; document.title = Title; window.setTimeout('document.getElementById("Erscheinen").removeAttribute("onclick");', 1); } </script>
Ich gebe zu.. mittlerweile könnte ich das glaube ich auch noch mal anders machen.. aber egal xD -
Ah
Danke dir!Ich hab mich schon gewundert, was dir für tolle Variablen-Namen eingefallen waren: p,a,c,k,e,r.
-
Gerne doch
Das war einer meiner ersten JavaScript Codes, die ich "produziert" habe
Wollte nicht irgendwas langweiliges machen, sondern schon so n bisschen was, was ich evtl. später dann auch mal verwenden kann oder so
Weil ich hasse es ja immer, wenn ich irgendetwas "Sinnloses" programmieren soll.. -.- Da hab ich dann nie wirklich Lust was zu machen.. Und lernen tut man dann meist auch nicht so viel -
Zitat von "Sarkkan"
Weil ich hasse es ja immer, wenn ich irgendetwas "Sinnloses" programmieren soll.. -.- Da hab ich dann nie wirklich Lust was zu machen.. Und lernen tut man dann meist auch nicht so viel
Auch einer der Gründe, warum ich vor etwas mehr als einem Jahr mal mit einem Delphi-Buch angefangen und nach 2 Monaten auch wieder aufgehört habe. Waren einfach nur sinnlose Beispiele drin. -
Ich hab deine Idee etwas modernisiert bei mir eingebaut. Darf ich doch oder?
auf Login klicken(unten rechts)Viel Ähnlichkeit hat mein JavaScript aber nicht mit deinem, der Großteil ist ohne JavaScript gemacht
Code
Alles anzeigenfunction hide(id) { if (document.getElementById(id).style.opacity == 0) { document.getElementById(id).style.opacity = 1; document.getElementById(id).style.top = 0; document.getElementById(id).style.left = 0; } else { document.getElementById(id).style.opacity = 0; document.getElementById(id).style.top = '-9999px'; document.getElementById(id).style.left = '-9999px'; } }
Was man mit CSS3 alles erreichen kannAuf den IE-Filter hab ich verzichtet, wird ja eh nur von mir benutzt.
Ich hoffe ich habe nicht zu viel von dir "geklaut".
-
Ne, kein Ding
Mein Code ist mittlerweile auch schon ein wenig älter Hatte mir auch mal überlegt irgendwann sowas mal in Verbindung mit CSS3 zu machen.. ich glaube die Angefangene Datei liegt auch noch irgendwo bei mir auf der Platte rum xD Aber irgendwie fange ich die meisten Sachen nur anPS: Wie wäre es mit 'style.display = "none";'?
-
Zitat von "Sarkkan"
PS: Wie wäre es mit 'style.display = "none";'?
Mag ich irgendwie nicht, kann dir aber nicht sagen wieso. -
Ich hätte da auch noch einen Vorschlag ohne Javascript, dabei wird der CSS Selektor :target genutzt, dieser wird in fast allen Browsern unterstützt, Ausnahmen sind:
Internet Explorer Version 6,7 und 8
Google Chrome Version 8Hier mal ein Beispiel:
Code
Alles anzeigen<style type="text/css"> div.box { position: relative; left: -999em; width: 100px; height: 100px; background-color: red; } div.box:target { left: auto; } </style> <div id="box1" class="box">Box 1</div> <div id="box2" class="box">Box 2</div> <div id="box3" class="box">Box 3</div> <a href="#box1">Box 1 sichtbar machen!</a> <a href="#box2">Box 2 sichtbar machen!</a> <a href="#box3">Box 3 sichtbar machen!</a>
Hierbei ist nur wichtig zu wissen das über den Anker in der Url die jeweilige Id aufgerufen wird, sprich "http://www.seite.de/#box1" spricht das Element an bei dem die Klasse "box" und die Id "box1" gesetzt ist.
Diese und ähnliche Methoden werden mit der Zeit JavaScript immer weiter abölsen.
-
Das geht auch, werde ich mal ausprobieren.
Edit: funktioniert
Jetzt mitmachen!
Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!