[Resolved] Adding Javascript to CRED Post Form

[Author]

Posts

[Nicholas]

I am trying to: Use Javascript/JQuery with CRED Post Forms

I visited this URL: https://toolset.com/documentation/user-guides/adding-custom-javascript-views/

Hello there Toolset Support!

I would like to use some custom JQuery code. The code I am using is already working on a different site where I am not using Toolset. I think I just don't know the proper way how to use JQuery with Toolset.

This is exactly how I pasted the JQuery code into the Javascript Editor. What am I doing wrong?

<script>
(function($) {

$("#uploadtextfield").click(function() {
$('#fileuploadfield').click()
});

$("#uploadbrowsebutton").click(function() {
$('#fileuploadfield').click()
});

$('#fileuploadfield').change(function() {
$('#uploadtextfield').val($(this).val());
});

})(jQuery);
</script>

Thank you for your time and support.
Have a nice day.
Nicholas

[Nigel Supporter Languages: English (English ) Spanish (Español ) Timezone: Europe/London (GMT+01:00)]

You normally need to wait until the DOM is ready before your code runs.

Where you have the custom JS box try adding your code like so:

(function($) {
    $(document).ready(

        /* Bespoke code goes here */

        $("#uploadtextfield").click(function() {
            $('#fileuploadfield').click()
        });

        $("#uploadbrowsebutton").click(function() {
            $('#fileuploadfield').click()
        });

        $('#fileuploadfield').change(function() {
            $('#uploadtextfield').val($(this).val());
        });

    );
})(jQuery);

I haven't looked at what your code does, but it should be ready to work when added like so.

[Nicholas]

Thank you very much for your help Nigel.

I would just like to style the default file upload button, so this bit of code should replace the default file upload button.
Maybe you know a faster way how to do this?
Just let me know if you have time.

Have a good day.

Nicholas