Set "clear-selection" link to always display

Shaman
Autor
Offline

Mehr

2 Jahre 1 Monat her #8581 von Shaman

Set "clear-selection" link to always display wurde erstellt von Shaman

Hi devs,

I need to always display the "clear-selection" link on a file input field.
By default it is set to be hidden until a file is selected.

Even by queriing the field after document load, it can't be set to display.

This is the JS is use:

Code:

let clearfiles = document.querySelectorAll(".clear-selection");
        for (let i = 0; i < clearfiles.length; i++) {
            const clearfile = clearfiles[i];
            clearfile.style.display = "block";
        }

Can you help me please?

Kind regards,
Claude

Administrator IV
Offline

Mehr

2 Jahre 1 Monat her - 2 Jahre 1 Monat her #8582 von Administrator IV

Administrator IV antwortete auf Set "clear-selection" link to always display

Hello Claude,

it works with the direct setting of the complete HTML attribute 'style'.
In addition, you also have to take care of the existing event handler.
So first remove the existing handler and then attach your own.

Your custom event handler is nothing more than a copy of the original minus the one line that hides the anchor.

The following code works for me:

Code:

jQuery(document).ready(function() {
    jQuery('.clear-selection').each(function() {
        jQuery(this).attr("style", "display: block;");
        jQuery(this).off('click');
    });
    jQuery("a.clear-selection").on("click", function(e) {
        let uploadid = jQuery(this).attr('data-clear-target');
        let el = jQuery('#' + uploadid);
        el.replaceWith(el.val('').clone(true));
        // get the new jQuery object of el
        el = jQuery('#' + uploadid);
        el.trigger('keyup');
        e.preventDefault();
        return false;
    });
});

Kind regards, Ingmar[/code]

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 :-)

Letzte Änderung: 2 Jahre 1 Monat her von Administrator IV.

Folgende Benutzer bedankten sich: Shaman

Shaman
Autor
Offline

Mehr

2 Jahre 1 Monat her #8583 von Shaman

Shaman antwortete auf Set "clear-selection" link to always display

Thank you Ingmar,

this works like a charm :-)

Kind regards,
Claude

Moderatoren: Administrator AV, Administrator IV

Joomla 5 Mitteilung

Forum

Set "clear-selection" link to always display

Visforms Subscription

Visforms Erweiterungen