Inhalt eines input-Feldes in einen href kopieren

Prozessvariable Mit dieser Funktion ist es möglich die Eingabe aus einem Input-Feld, per jQuery-onChangeMethode, als Link darzustellen. Hierfür muss in der Smartform die initMethode angegeben werden, welche in der custom.js aufgerufen wird.

<?xml version="1.0" encoding="utf-8"?>
<form name="SFname" initMethod="initChangeHref">
<table style="border:1px solid #aaaaaa;">
<tr>
<td>
<input type="text" name="input_pfadangebot" class="input_pfadangebot" id="input_pfadangebot" />
</td>
</tr>
<tr>
<td>
<a href="" target="_blank" name="lnk" id="lnk" style="text-decoration:none;"></a>
</td>
</tr>
</table>
</form>

Nun muss in der custom.js diese initMethode angelegt werden. Daraufhin muss jq eingebunden werden, auf das input-Feld die onChange-Methode gelegt werden und die Eingabe an den Link (ahref) übergeben werden.

gadget.functions.initChangeHref=function(){
jq= (this.form.ownerDocument.defaultView!=null) ? this.form.ownerDocument.defaultView.jQuery :
this.form.ownerDocument.parentWindow.jQuery;
jq('#input_pfadangebot').change(function(){
var atag= jq("#lnk")[0];
atag.innerHTML = this.value;
atag.href="https://" + this.value;
});
}