Archive for August, 2011

Javascript: neues Fenster mit Post-Variablen

Mittwoch, August 17th, 2011

Mittels Javascript ein neues Fenster öffnen und per Post Variablen übergeben

Warum?

So kann man unter anderem eine Eingabeseite ganz gewohnt absenden und zusätzlich ein Fenster öffnen und diesem Variablen per Post übergeben.

Funktion zum Erstellen eines Formelements, welches Parameter per Post an eine URL übergibt

function newWindowWithPostParam(link, params)
{

//neues Formelement anlegen
var form = document.createElement(„form“);
//Methode Post festlegen
form.setAttribute(„method“, „POST“);
//URL für den Post
form.setAttribute(„action“, link);
//Name des neuen Fenster, kann auch weggelassen werden
form.setAttribute(„target“, „NEUES FENSTER“);
//Für jeden übergebenen Parameter wird ein Input-Feld angelegt
for (var param in params) {

if (params.hasOwnProperty(param)) {
var input= document.createElement(‚input‘);
input.type = ‚hidden‘;
input.name = param;
input.value = params[param];
form.appendChild(input);
}

}
//Formelement anhängen
document.body.appendChild(form);
//Formular per Javascript abschicken
form.submit();
//Formelement wieder entfernen
document.body.removeChild(form);

}

Funktion die die Post-Parameter bereithält, so können verschiedene Posts durchgeführt werden

function Post()
{

var parameter = { ‚param1‘ : param1, ‚param2‘ : param2};
newWindowWithPostParam(„link.to“, parameter);

}

Der Aufruf der Funktion kann mittels eines Buttons erfolgen
Einfach bei onclick die Funktion Post() aufrufen.

Für weitere Fragen stehe ich Ihnen gerne über mein Kontaktformular zur Verfügung. Einige Informationen finden Sie auch auf meiner Webseite, zum Beispiel zu Webdesign.Gern unterstütze ich Sie auch bei Ihrem Projekt mit folgenden Leistungen