Moin Moin,
der Link auf der auf die Contact.html-Seite führt muss natürlich einen Paramter enthalten. Der link könnte so aussehen:
.../contact.html?product=Produkt1
Dann ist "product" der Parameter und "Produkt1" der Wert.
Wenn es nun JS sein muss, dann musst du zunächst aus der URL den Parameter auslesen und wenn dieser gesetzt ist kannst du mit dem Wert weiterarbeiten. Mit HTML alleine geht es nicht. Eine einfachere Alternative wäre mit PHP, falls es verfügbar ist.
Um den Parameter aus der URL zu bekommen kannst du folgende Funktion benutzen:
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
}
Bei mehreren Parameter werden diese anhand des "&" getrennt, und dann wird der Parameter am "=" getrennt und du kannst auf den Wert zugreifen.
Diese Funktion sollte im Head deiner contact.html stehen.
Darunter kannst du direkt den Parameter abfragen und wenn er gesetzt ist dann in dein Formularfeld schreiben:
var paraProduct = getQueryVariable("product");
if (typeof(paraProduct) != 'undefined' && paraProduct != null) {
// evtl. String replace durchführen, z. B. Leerzeichen, @ etc.
//paraProduct = paraProduct.replace("%40","@");
document.getElementById("imObjectForm_3_1").value = paraProduct;
}
Deine ID aus deinem Textfeld muss natürlich bei getElementById korrekt gesetzt werden. Diese solltest du unbedingt mit deinem Formular abgleiche und ggf. ändern. In solchen Editorprogrammen gibt es für die Textfelder bestimmt eine Eigenschaft für die ID.
Mehr zum Thema value in ein Textfeld schreiben: hier «
Zusammengefasst könntest du folgendes in dein Headbereich der contact.html schreiben und die URL aufrufen:
<script type="text/javascript">
function getQueryVariable(variable) {
var query = window.location.search.substring(1);
var vars = query.split("&");
for (var i=0;i<vars.length;i++) {
var pair = vars[i].split("=");
if (pair[0] == variable) {
return pair[1];
}
}
}
var paraProduct = getQueryVariable("product");
if (typeof(paraProduct) != 'undefined' && paraProduct != null) {
// evtl. String replace durchführen, z. B. Leerzeichen, @ etc.
//paraProduct = paraProduct.replace("%40","@");
document.getElementById("imObjectForm_3_1").value = paraProduct;
}
</script>
Alles anzeigen
Dann den Link .../contact.html?product=Produkt1 aufrufen und schauen was passiert. Du kannst das "?product=Produkt1" an die URL erstmal manuell hinzufügen und wenn das klappt auf deiner Produktseite den Link entsprechend anpassen.
Hoffe es hilft etwas :-).