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_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 lediglich noch 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;
     });
}
software/tim/smartform/copy_on_change.1391081917.txt.gz · Zuletzt geändert: 2021/07/01 09:56 (Externe Bearbeitung)