PHP Forum - innerhtml submit /javascript & php

Seite 1 von 2

10 Beiträge dieses Themas auf einer Seite anzeigen

PHP Forum (http://www.selfphp.de/forum/index.php)

- PHP Grundlagen (http://www.selfphp.de/forum/forumdisplay.php?f=12)

- - innerhtml submit /javascript & php (http://www.selfphp.de/forum/showthread.php?t=24636)

cabanni

31.03.2012 23:09:50

innerhtml submit /javascript & php

Hallo ich möchte einen Einloggformular erstellen das erst nach Betätigung eines Buttons auf der Seite sichtbar wird. Das mache ich mit javascript. Ist das Formular durch javascript erstellt, soll man sich anmelden können. Allerdings passiert nichts bei Betätigung des Submit Buttons.

Der javascript Code:

Code:

function loggin()

{

        einloggen="<td>Benutername</td> <td><input type='text' name='name'></td><td>Passwort</td><td><input type='password' name='pw'></td> <td><input type='submit' value='einloggen'></td>";

        document.getElementById("loggen").innerHTML =einloggen;

}

der Gegenpart:

Code:

<table><form action="<?php echo $_SERVER['PHP_SELF']?>" method="post">

                        <tr id='loggen'>

                                <td><input type='button' onclick='loggin()'><td>

                                

                        </tr>

                </table>

Hat jemand eine Antwort, wieso das Formular nicht abgeschickt wird?

Gruß
cabanni

urvater

01.04.2012 00:24:22

AW: innerhtml submit /javascript & php

Die größte Wahrscheinlichkeit, wieso dies nicht funktioniert, liegt darin, dass die Seite mit dem Formular vermutlich eine normale HTML Datei ist.
Dein Quelltext sollte dann in etwa so aussehen.

HTML-Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

    <head>

        <script>

        function loggin()

        {

        einloggen="<td>Benutername</td> <td><input type='text' name='name'></td><td>Passwort</td><td><input type='password' name='pw'></td> <td><input type='submit' value='einloggen'></td>";

        document.getElementById("loggen").innerHTML =einloggen;

        }

        </script>

    </head>

    <body>

        <form action="<?php echo $_SERVER['SCRIPT_NAME']?>" method="post">

        <table>

                        <tr id='loggen'>

                                <td><input type='button' onclick='loggin()'><td>

                                

                        </tr>

        </table>

        </form>

    </body>

</html>

Da dein Quelltext Syntaktisch nicht gerade konform ist, verwende ich hier in beiden Fällen validen html Code
Wird die ganze Sache als PHP Datei gespeichert funktioniert alles ohne Probleme.
Test javascript.php

PHP-Code:


		
			
<?php
if($_SERVER['REQUEST_METHOD'] == 'POST'){
    var_dump($_POST);
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
    <head>
    <script>
    function loggin()
    {
    einloggen="<td>Benutername</td> <td><input type='text' name='name'></td><td>Passwort</td><td><input type='password' name='pw'></td> <td><input type='submit' value='einloggen'></td>";
    document.getElementById("loggen").innerHTML =einloggen;
        }
    </script>
    </head>
    <body>
    <form action="<?php echo $_SERVER['SCRIPT_NAME']?>" method="post">
        <table>
            <tr id='loggen'>
                <td><input type='button' onclick='loggin()'><td>
                
            </tr>
    </table>
    </form>
    </body>
</html>

cabanni

01.04.2012 09:45:57

AW: innerhtml submit /javascript & php

Hallo Urvater @Urvater, mit deiner Version läufts bei mir auch, danke soweit. Meine letzte Nacht noch überarbeitete Version ist auch als PHP abgespeichert, mich würde dennoch mal interssieren wo der Fehler ist? Eigentlich müsste die doch auch laufen? ich hatte nur Codeschnipsel eingestellt beide Dateien kommen hier:

HTML-Code:

<!Doctype html>

<html>

<head>

         <title>Erholung an der Ostsee</title>

         <meta charset='utf-8'>

         <link rel="stylesheet" type="text/css" href="prehm.css">

                 <script type="text/javascript" src="loggin.js">

                         

                 </script>



</head>



<body>

<?php

        if ($_SERVER['REQUEST_METHOD'] == 'POST') {

      session_start();

          $username=$_POST['name'];

          $passwort=$_POST['pw'];

        }

?>

        

        <div id="wrapper">

         <h3 class="index">Erholung an der Ostsee</h3>

         <div id="Bildh3">

         <h1 class="index">Ostermade</h1>

         <img class="index" src="umgebung/Ostermade_445.jpg" alt="Steg" width="480" height="640">

         </div>

           <!--*********Steuerung*******-->

          <div id="steuerung">

             <ul id="menu">

                <li><a href="index.html" >Home</a></li>

                <li><a href="DasHaus.html">Das Haus</a></li>

                <li><a href="ausstattung.html">Ausstattung</a></li>

                <li><a href="umgebung.html">Umgebung</a></li>

                <li><a href="preise.html">Preise & Belegung</a></li>

                <li><a href="kontakt.html">Kontaktdaten</a></li>

                <li><a href="Anfahrt.html">Anfahrt</a></li>



             </ul>

          </div><!-- ende steuerung-->

     </div>

         <div id="fuss">

         

                 <div id="loggin">

                <table>

                        <tr id='loggen'>

                                <td><input type='button' onclick='loggin()'><td>

                                

                        </tr>

                </table>

                </div>

        </div><!--ende fuss--> 

</body>

</html>

und hier der javascript:

Code:

function loggin()

{        

        einloggen ="<form action='index.php'>"

        einloggen+="<td>Benutername<td> <td><input type='text' name='name'><td>";

        einloggen+="<td>Passwort<td><td><input type='password' name='pw'><td>"; 

        einloggen+="<td><input type='submit' value='einloggen'><td>";

        einloggen+="</form>";

        document.getElementById("loggen").innerHTML = einloggen;

}

läuft natürlich noch nicht :(

Ckaos

01.04.2012 12:24:39

AW: innerhtml submit /javascript & php

Zitat:

<li><a href="preise.html">Preise & Belegung</a></li>

Wenn ich das lese, denk ich mir immer mein teil....

Zitat:

mich würde dennoch mal interssieren wo der Fehler ist

Grundlagen HTML,javascript und PHP fehlen dir.
Urvaters Beispiel funktioniert, sollen wir dir nun die Aufgabe abnehmen
und zeigen welche Bestandteile bei ihm vorkommen und bei dir nicht?

Ich geb dir mal ein tip, denn das machen wir hier.

Code:

einloggen ="<form action='index.php'>"

1.Zeilenabschluss?
2.Weitere benötigte Angaben?

PHP:
Les dir mal Session handling durch wann man was wie wo schreibt, derzeit knallts Fehlermeldungen ;)

mfg

CKaos

urvater

01.04.2012 16:41:45

Ich werde den Tip noch etwas erweitern.

Zum Einen macht sich bei deinem Problem das AddOn Web Developer recht gut.
Da hat man unter anderem die Möglichkeit sich den generierten Quellcode anzeigen zu lassen.
Wendet man diese Funktion auf dein Code an, sieht man eigentlich sofort den Fehler.
Der Fehler, auf den dich Ckaos hinweist, ist ja nur ein kleiner Teil von dem was falsch ist.
Selbst wenn du diesen beheben würdest, würde dein Formular immer noch nicht funktionieren.

Generierter Quelltext:

HTML-Code:

<!-- Ausschnitt -->

<tr id="loggen">

    <form action="index.php">

    </form>

    <td>Benutername</td>

    <td> </td>

    <td><input name="name" type="text"></td>

    <td></td>

    <td>Passwort</td>

    <td></td>

    <td><input name="pw" type="password"></td>

    <td></td>

    <td><input value="einloggen" type="submit"></td>

    <td></td>

</tr>

<!-- Ende Teilausschnitt-->

Bevor du das Formular nach der Fehlerbehebung absendest, beachte dringend den Hinweis von Ckaos bezüglich des Session Hanling

Um dir aber noch bei der Fehlersuche behilflich zu sein, habe ich mich mal auf meine Lieblingsseite begeben, wenn es um HTML Probleme handelt
Selfhtml.org gibt zu Formularen folgende Antwort:

Zitat:

Darf innerhalb der folgenden HTML-Elemente vorkommen:
applet | blockquote | body | button | center | dd | del | div | fieldset | iframe | ins | li | map | noframes | noscript | object | td | th

Ach und schreibe mal ganz oben in deine index.php folgendes:

PHP-Code:


		
			
<?php

ini_set('display_errors', 1);

error_reporting(E_ALL);

?>

So, mit diesen ganzen Hinweisen, die dir nun vorliegen, sollte es dir ein leichtes sein, dein Problem beheben zu können.

cabanni

01.04.2012 21:31:37

AW: innerhtml submit /javascript & php

Ok danke Leute habs auch gefunden :)

HTML-Code:

<!-- Ausschnitt -->

<tr id="loggen">

    <form action="index.php">

    </form>

Zitat:

<li><a href="preise.html">Preise & Belegung</a></li>
Wenn ich das lese, denk ich mir immer mein teil...

keine Ahnung was du genau denkst Ckaos aber das ist nur ein unentgeltliches Lernprojekt..bin in einer Umschulung ;)

Ckaos

02.04.2012 13:06:34

AW: innerhtml submit /javascript & php

Zitat:

keine Ahnung was du genau denkst Ckaos

Ich denke wenn jemand eine Geschäftlich ausgerichtete Webpräsenz
nicht von einer Agentur erstellen lässt ist er auf dem Rückweg seiner
Karriere.

Zitat:

das ist nur ein unentgeltliches Lernprojekt

Also Hausaufgabe? ;)

Zitat:

bin in einer Umschulung

Viel Spaß und Glück dabei...

mfg

CKaos

meikel (†)

04.04.2012 01:17:05

AW: innerhtml submit /javascript & php

Zitat:

Zitat von cabanni (Beitrag 143233)

Ok danke Leute habs auch gefunden :)

HTML-Code:

<!-- Ausschnitt -->

<tr id="loggen">

    <form action="index.php">

    </form>

Pack endlich die Tabelle zwischen die Form-Tags!

HTML-Code:

<form ...>

  <table>

    <tr>

      <td>

         <input type="submit" name="egal" value="Lies endlich das HTML Handbuch!"> 

      </td>

    </tr>

  </table>

</htlm>

Zitat:

<li><a href="preise.html">Preise & Belegung</a></li>
Wenn ich das lese, denk ich mir immer mein teil...

keine Ahnung was du genau denkst Ckaos aber das ist nur ein unentgeltliches Lernprojekt.

Klar, daß Du für grottiges HTML nicht auch noch Knete bekommst. & ist der open-tag für HTML-Entities, der close-tag ist das ;
Das HTML-Entity für das Zeichen & ist &

Zitat:

bin in einer Umschulung ;)

Schade um die Zeit, wenn das alles ist, was man Dir beigebracht hat. Oder haste den Rest schon wieder vergessen?

cabanni

05.04.2012 08:05:31

AW: innerhtml submit /javascript & php

@ Meike

ich hätte nie gedacht das Trolls wie du es sogar bis in ein PHP-Forum schaffen um ihre psychsich sozialen Defizite auszuleben!

cabanni

05.04.2012 09:37:50

AW: innerhtml submit /javascript & php

@ Meike

1. werde ich zum Fachinformatiker Anwendungsentwicklung umgeschult und nicht zum Mediengestalter Schulungszeit für html UND Css waren in der gesamten Ausbildungszeit nur 2 Wochen und ich bekomme auch kein Zertifikat in Webdesign von irgendeiner Volkshochschule, also verzeihe mir wenn ich nicht jedes Sonderzeichen Escape

2.

Zitat:

Ok danke Leute habs auch gefunden :)
HTML-Code:


<tr id="loggen">
<form action="index.php">
</form>

Sollte das nur den Fehler noch einmal aufzeigen, geändert ist das logischer Weise schon lange, sonst hätte ich wohl kaum geschrieben: ich habs gefunden, danke Leute!

Alle Zeitangaben in WEZ +2. Es ist jetzt 18:33:13 Uhr.

Seite 1 von 2

10 Beiträge dieses Themas auf einer Seite anzeigen