Texteingabe wird Link

it@pf-t.de
Autor
Offline

Mehr

1 Jahr 4 Monate her #9621 von it@pf-t.de

Texteingabe wird Link wurde erstellt von it@pf-t.de

Hallo zusammen,

ich habe eine Frage. Wir möchten in unserem Intranet ein Telefonverzeichnis anlegen. Es handelt sich um ein ziemliches Standardformular mit Name, Vorname,.. und Durchwahl. Jetzt wäre es natürlich schön, wenn beim Anlegen des Datensatzes, die Formulareingabe in einen Link angezeigt wird, damit man auch anrufen kann wenn man auf die Durchwahl klickt. Ich habe das mit einem anderen Joomla plugin mal so im html Code gelöst :

<a href='Tel:{{ durchwahl }}'>{{ durchwahl }}</a>

Das hat super funktioniert, allerdings bin ich mir wirklich nicht sicher, wie ich das am besten in Viforms anstellen kann. Gibt es da vielleicht einen einfachen Vorschlag, ich bin leider kein Webentwickler. Danke für jeden Hinweis.

Administrator IV
Offline

Mehr

1 Jahr 4 Monate her #9627 von Administrator IV

Administrator IV antwortete auf Texteingabe wird Link

Hallo it@pf-t.de,

diese spezielle Anforderung kannst du in Visforms mit etwas JavaScript lösen.
Eine andere Lösung gibt es leider nicht.

Im folgenden eine komplette kleine Lösung für eine ganz ähnliche Anforderung:
<a href='Tel:postal-code'>postal-code</a>

Mit folgendem JavaScript-Code wird der Wert in der Spalte 'postal code' des Formular-Feldes mit der ID 5, in einen ganz ähnlichen anklickbaren Link umgewandelt.

Code:

jQuery(document).ready(function() {
    jQuery('table.visdata td.data-f5').each(function () {
        const data = jQuery(this).text();
        jQuery(this).empty();
        jQuery(this).append(`<a href="Tel:${data}" target="_blank">${data}</a>`);
    });
});

Datenliste ohne den JavaScript-Code:
vi-solutions.de/forum-uploads/data-list-postalcode-normal.png

Datenliste mit dem JavaScript-Code:
vi-solutions.de/forum-uploads/data-list-postalcode-link.png

Formular-Konfiguration 'Front-End-Web-Assets' mit dem JavaScript-Code:
vi-solutions.de/forum-uploads/data-list-...nfiguration-code.png

Das Hinzufügen von JavaScript wird in der Dokumentation beschrieben.
JavaScript und CSS hinzufügen:
docs.joomla-4.visforms.vi-solutions.de/d...a-script-extensions/
Front-End-Web-Assets:
docs.joomla-4.visforms.vi-solutions.de/d...ons/add-script-fewa/

Liebe Grüße, Ingmar

I recommend you the new and up-to-date documentation for Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/en/docs/
Most of this also applies retrospectively to Joomla 3.
Please only ask 1 question per topic :-)

Ich empfehle Dir die neue und aktuelle Dokumentation für Joomla 4:
docs.joomla-5.visforms.vi-solutions.de/docs/
Das meiste gilt rückwirkend auch für Joomla 3.
Bitte immer nur 1 Frage pro Thema stellen :-)

it@pf-t.de
Autor
Offline

Mehr

1 Jahr 4 Monate her #9629 von it@pf-t.de

it@pf-t.de antwortete auf Texteingabe wird Link

Das funktioniert wunderbar, vielen Dank für die schnelle Lösung.

Moderatoren: Administrator AV, Administrator IV

Joomla 5 Mitteilung

Forum

Texteingabe wird Link

Visforms Subscription

Visforms Erweiterungen