Formular mit Enter versenden, geht nicht nach dem deaktiviert - Seite 3

nikosch · 03.08.2010, 01:03

Ich fasse mal zusammen:

PHP-Code:

  <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
   "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
    <head>
        <title></title>

        <style type="text/css">

            /* siehe body-onLoad
            div#two {
                display: none; 
            }
            */

        </style>

        <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script>
        <script type="text/javascript">

            var toggleJQuery = function (idShow , idHide) {

                var elementShow = $('#' + idShow);
                var elementHide = $('#' + idHide);

                elementShow.show();
                elementHide.hide();

                if (useDisable) {
                    $("input" , elementShow).removeAttr("disabled");

                    $("input:not(:submit)" , elementHide).attr("disabled", "disabled");
                }
              
            }


            var toggleNative = function (idShow , idHide) {

                var elementShow = document.getElementById(idShow);
                var elementHide = document.getElementById(idHide);

                elementShow.style.display = "block";
                elementHide.style.display = "none";

                if (useDisable) {
                    var elements = elementShow.getElementsByTagName("INPUT");
                    for (var i = 0, x = elements.length; i < x; ++i) {
                        elements[i].disabled = false;
                    }

                    elements = elementHide.getElementsByTagName("INPUT");
                    for (var i = 0, x = elements.length; i < x; ++i) {
                        elements[i].disabled = true;
                    }
                }
              
            }



            var useJQuery  = true;
            var useDisable = true;


            if (useJQuery) {
                var show1 = function () {
                  toggleJQuery ('one' , 'two');
                }

                var show2 = function () {
                  toggleJQuery ('two' , 'one');
                }

            } else {

                var show1 = function () {
                  toggleNative ('one' , 'two');
                }

                var show2 = function () {
                  toggleNative ('two' , 'one');
                }
            }


            // für body-onLoad, ersetzt das Stylesheet oben
            var toggleInit = function () {
                show1 (); 
            }

        </script>
    </head>
    <body onLoad="toggleInit();">

        <form action="" method="post">
            <div id="one">
                1
                <input type="text" />
                <input type="submit" />
            </div>
            <div id="two">
                2
                <input type="text" />
                <input type="submit" />
            </div>

            <div>
                
                <input type="button" onclick="show1();return false" value="show 1" />
                <input type="button" onclick="show2();return false" value="show 2" />
            </div>
        </form>

    </body>
</html>

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Formular zur Kontrolle ausgeben, in DB schreiben und per HTML-Mail versenden	Nanerl	PHP Tipps 2009	12	04.11.2009 14:30
Formular per Email versenden - Formatierung	pagoru	PHP Tipps 2009	3	24.10.2009 14:51
Formular Daten per email versenden	fox	PHP Tipps 2009	4	15.10.2009 05:29
[Erledigt] Formular als E-mail versenden!	martwd05	PHP Tipps 2009	8	16.04.2009 15:39
Wireshark SSL Handshake debugging-Handshake protokoll mittels PHP + Curl	brian johnson	Off-Topic Diskussionen	0	06.11.2008 11:54
[Logik] Mehrere Dateien als Anhang per Formular versenden	PsychoEagle	PHP Tipps 2008	2	27.08.2007 08:58
Formular mit Enter abschicken	havok	HTML, Usability und Barrierefreiheit	10	21.05.2006 14:24
formular mit enter wegschicken->kein submitbutton übermit	seejay	HTML, Usability und Barrierefreiheit	4	14.04.2006 10:28
Formular überprüft nicht bei ENTER !?	madSoul	PHP Tipps 2005-2	15	19.08.2005 12:43
Bild per email über Formular versenden		PHP Tipps 2005-2	8	30.07.2005 14:46
Formular über Enter verschicken geht nicht	ggfan	HTML, Usability und Barrierefreiheit	8	12.05.2005 23:44
[Erledigt] Formular mit link versenden		HTML, Usability und Barrierefreiheit	16	13.11.2004 15:35
Formular mit Attachment(doc, pdf, zip...)als Mail versenden		PHP-Fortgeschrittene	3	04.11.2004 14:58
Formular als Mail versenden?	stefan-miti	PHP Tipps 2004	4	19.10.2004 18:14
Formular nach ENTer eingabe Felder löschen	themonk	HTML, Usability und Barrierefreiheit	12	18.09.2004 22:53

03.08.2010, 01:03
nikosch moderatives Dielektrikum Registriert seit: 21.05.2008 Beiträge: 35.987 PHP-Kenntnisse: Fortgeschritten	Ich fasse mal zusammen: PHP-Code: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en"> <head> <title></title> <style type="text/css"> /* siehe body-onLoad div#two { display: none; } / </style> <script type="text/javascript" src="http://code.jquery.com/jquery-1.4.2.min.js"></script> <script type="text/javascript"> var toggleJQuery = function (idShow , idHide) { var elementShow = $('#' + idShow); var elementHide = $('#' + idHide); elementShow.show(); elementHide.hide(); if (useDisable) { $("input" , elementShow).removeAttr("disabled"); $("input:not(:submit)" , elementHide).attr("disabled", "disabled"); } } var toggleNative = function (idShow , idHide) { var elementShow = document.getElementById(idShow); var elementHide = document.getElementById(idHide); elementShow.style.display = "block"; elementHide.style.display = "none"; if (useDisable) { var elements = elementShow.getElementsByTagName("INPUT"); for (var i = 0, x = elements.length; i < x; ++i) { elements[i].disabled = false; } elements = elementHide.getElementsByTagName("INPUT"); for (var i = 0, x = elements.length; i < x; ++i) { elements[i].disabled = true; } } } var useJQuery = true; var useDisable = true; if (useJQuery) { var show1 = function () { toggleJQuery ('one' , 'two'); } var show2 = function () { toggleJQuery ('two' , 'one'); } } else { var show1 = function () { toggleNative ('one' , 'two'); } var show2 = function () { toggleNative ('two' , 'one'); } } // für body-onLoad, ersetzt das Stylesheet oben var toggleInit = function () { show1 (); } </script> </head> <body onLoad="toggleInit();"> <form action="" method="post"> <div id="one"> 1 <input type="text" /> <input type="submit" /> </div> <div id="two"> 2 <input type="text" /> <input type="submit" /> </div> <div> <input type="button" onclick="show1();return false" value="show 1" /> <input type="button" onclick="show2();return false" value="show 2" /> </div> </form> </body> </html> __________________ -- One pixel is still too big. Please make it smaller. ASAP.* Initiative Mittelstand. Die wichtigste Gestaltungsregel im Screendesign ist Pi mal Daumen des Arbeitgebers. --


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten