Oliver Rod – Mein persönliches Logbuch

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>