peterS.: *.html soll mit "get" mein Formular auswerten!!!

Beitrag lesen

Hi,

ja, gruss planer;

Ich schätze geht nicht...

kinderspiel;

aber wenn ja wers cool...

ob's cool is' ? - hier das beispiel:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<html>

<head>
<title>getURLparameters.html</title>
<script language="JavaScript" type="text/javascript">
<!--
function getURLparameters() {
 // - auswertung ist nur sinnvoll, wenn formulardaten mit "get" angehangen wurden;
 // * als bsp.: "getURLparameters.html?sureName=jan&name=lauken&street=%E4%E4%E4%E4%E4&zipCode=12345&location=%FC%FC%FC%FC%FC"
 if (self.location.search.indexOf("=") == -1) {return;}

// - der URL-codierte search-string wird mit der methode "unescape()" rueckuebersetzt;
 // * im bsp.: "?sureName=jan&name=lauken&street=äääää&zipCode=12345&location=üüüüü"
 //
 // - substring(1) trennt das "?"-zeichen ab und "behaelt" den rest;
 // - daraufhin dienen die "&"nds der methode "split()" als trennzeichen, welche den
 //   string an diesen markern aufspaltet und fortlaufend in ein feld uebertraegt;
 // - dieses feld ist jetzt eindimensional - ein vektor, der eine aneinanderreihung
 //   von teilstrings enthaelt;
 // * am bsp.: [["sureName=jan"],["name=lauken"],["street=äääää"],["zipCode=12345"]]
 var parameterArray = unescape(self.location.search).substring(1).split("&");

// - alle eintraege des vektors werden einem weiteren "split()" am trennzeichen "=" unterzogen;
 // - damit enthaelt jetzt jeder dieser eintraege wiederum einen vektor - diesmal mit zwei teilstrings;
 // - als endergebnis erhalten wir also ein zweidimensionales feld - eine matrix;
 // - diese matrix enthaelt an der position [i][0] den variablen-namen/formular-namen,
 //   waehrend an der position [i][1] der variablen-wert/formular-wert steht;
 // * das bsp.: [[["sureName"],["jan"]],[["name"],["lauken"]],[["street"],["äääää"]],[["zipCode"],["12345"]]]
 for (var i=0;i<parameterArray.length;i++) {
  parameterArray[i] = parameterArray[i].split("=");
  alert(parameterArray[i][0] + " = "" + parameterArray[i][1] + "";");
 // eval(parameterArray[i][0] + " = "" + parameterArray[i][1] + "";");   // globale js-variablen
 // eval("var " + parameterArray[i][0] + " = "" + parameterArray[i][1] + "";"); // lokale js-variablen

// - zur demonstration werden die daten uber einen "alert()" zusammengefuegt;
 // - ueber die methode "eval()" koennen zur laufzeit aber auch globale bzw.
 //   lokale JavaScript-variablen erzeugt werden, auf die dann im programm
 //   zugegriffen werden kann;
 }
}
//-->
</script>
</head>

<body onload="self.getURLparameters();">
<table cols="1" rows="1" width="100%" height="100%" cellspacing="0" cellpadding="0" border="0">
<tr>
 <td align="center" valign="middle">

<!--
  * die seite ruft sich in einem neuen fenster auf (target="_blank");
  * in "location.search" (alles hinter dem "?" finden sich dann
    die URL-codierten formulardaten;
 //-->
 <form name="myForm" method="get" target="_blank" action="getURLparameters.html">
 <table cols="3" rows="6" cellspacing="0" cellpadding="10" border="0">
 <tr>
  <td align="left" valign="top">Familienname</td>
  <td align="left" valign="top">:</td>
  <td align="left" valign="top"><input type="text" name="sureName" size="35" maxlength="30"></td>
 </tr>
 <tr>
  <td align="left" valign="top">Vorname</td>
  <td align="left" valign="top">:</td>
  <td align="left" valign="top"><input type="text" name="name" size="35" maxlength="30"></td>
 </tr>
 <tr>
  <td align="left" valign="top">Sraße</td>
  <td align="left" valign="top">:</td>
  <td align="left" valign="top"><input type="text" name="street" size="35" maxlength="30"></td>
 </tr>
 <tr>
  <td align="left" valign="top">PLZ</td>
  <td align="left" valign="top">:</td>
  <td align="left" valign="top"><input type="text" name="zipCode" size="35" maxlength="30"></td>
 </tr>
 <tr>
  <td align="left" valign="top">Ort</td>
  <td align="left" valign="top">:</td>
  <td align="left" valign="top"><input type="text" name="location" size="35" maxlength="30"></td>
 </tr>
 <tr>
  <td align="left" valign="top"> </td>
  <td align="left" valign="top"> </td>
  <td align="left" valign="top"><input type="submit" value="          abschicken          "></td>
 </tr>
 </table>
 </form>

</td>
</tr>
</table>
</body>

</html>

viel spass und by(t)e by(t)e - peterS. - pseliger@gmx.net