JavaScript erzeugt Formular und schickt es ab

Wenn man innerhalb des HTML ein Formular nicht erzeugen kann oder darf muss man sich anders weiterhelfen.

Ich brauchte diesen Schnipsel für einen Prototypen, der es mit ermöglichte einen Iframe darzustellen, in welchem sich der User bereits angemeldet hat.

Hierbei handelt es sich um einen reinen Komfortgewinn. Denn die Zugangsdaten kann man aus dem Quelltext entnehmen.

Hier der Quellcode:

<script type="text/javascript">
//Script wird nach dem aufbauen der Seite ausgeführt
window.onload = function() { 

//helper function to create the form
function getNewSubmitForm(){
 var submitForm = document.createElement("FORM");
 document.body.appendChild(submitForm);
 //Ziel ist hier ein IFrame (canvas_iframe_js) auf der Seite
 submitForm.target = "canvas_iframe_js";
 submitForm.action= "http://127.0.0.1/login.php";
 submitForm.method = "post";
 submitForm.id = "canvas_form_js";
 submitForm.name = "canvas_name_js";
 return submitForm;
}

//helper function to add elements to the form
function createNewFormElement(inputForm, elementName, elementValue){
 //var newElement = document.createElement("<input name='"+elementName+"' type='hidden'>");
 var newElement = document.createElement("input");
 newElement.setAttribute("name", elementName)
 newElement.setAttribute("type", "hidden")
 inputForm.appendChild(newElement);
 newElement.value = elementValue;
 return newElement;
}

//function that creates the form, adds some elements
//and then submits it
function createFormAndSubmit(){
 var submitForm = getNewSubmitForm();
 createNewFormElement(submitForm, "username", "administrator");
 createNewFormElement(submitForm, "password", "meinPasswort");
 createNewFormElement(submitForm, "Feld", "go");
 submitForm.submit();
}
createFormAndSubmit();
 };
</script>

 

2 Antworten auf „JavaScript erzeugt Formular und schickt es ab“

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht. Erforderliche Felder sind mit * markiert.

To create code blocks or other preformatted text, indent by four spaces:

    This will be displayed in a monospaced font. The first four 
    spaces will be stripped off, but all other whitespace
    will be preserved.
    
    Markdown is turned off in code blocks:
     [This is not a link](http://example.com)

To create not a block, but an inline code span, use backticks:

Here is some inline `code`.

For more help see http://daringfireball.net/projects/markdown/syntax