Benutzer-Werkzeuge

Webseiten-Werkzeuge


Plugin installed incorrectly. Rename plugin directory 'swiftmail.backup' to 'swiftmail'.
software:tim:smartform:copy_on_change

Dies ist eine alte Version des Dokuments!


Inhalt eines input-Feldes in einen href kopieren

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_pfad" class="input_pfad" id="input_pfad" />
    </td>
   </tr>
   <tr>
    <td>
     <a href="" target="_blank" name="link" id="link" 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_pfad').change(function(){
		var atag= jq("#link")[0];
		if(this.value.indexOf('http')==-1){
			atag.href = 'https://' + jq.trim(this.value);
			atag.innerHTML = atag.href;
		}
		else{
			atag.href = jq.trim(this.value);
			atag.innerHTML = atag.href;
		}
	});
}
software/tim/smartform/copy_on_change.1391092370.txt.gz · Zuletzt geändert: 2021/07/01 09:56 (Externe Bearbeitung)