Search the Community

Hi everyone, I have a tricky one here. I have a widget I placed on a site, which, as usual, comprises a few lines of HTML and a line of Javascript. It is a widget through which people can send requests to a radio station, and then it shows whether your request went through, or failed (in case the requested song does not exist in the repertoire list of the radio), in which case it emails the request to the radio station. This is the HTML: <form class="cc_request_form" data-username="ckhnsbvf"> <div data-type="result"></div> Song artist: <input type="text" name="request[artist]" size="40" maxlength="127" /><br /> Song title: <input type="text" name="request[title]" size="40" maxlength="127" /><br /> Bestemd voor: <input type="text" name="request[dedication]" size="40" maxlength="127" /><br /> Your name: <input type="text" name="request[sender]" size="40" maxlength="127" /><br /> Uw e-mail adres: <input type="text" name="request[email]" size="40" maxlength="127" /><br /> <input type="button" value="Verstuur aanvraag" data-type="submit" /><br /> </form> And this is the Javascript: <script language="javascript" type="text/javascript" src="http://solid33.streamupsolutions.com:2199/system/request.js"></script> As usual, the Javascript is supposed to be inserted just before the </body> tag. So far, so good, now for the issues: to begin with, I had to change the "http:" in the Javascript to "https:", or nothing would work. Then, the widget started working intermittently, and now, it does not seem to do anything, except when you send a failed request, it shows your request went through sucessfully. There is one more suspicion I have: the site in question uses Bootstrap (CDN version), would it be possible the Javascript conflicts with JQuery or something? Before the </body> tag there is this reference to JQuery *which comes immediately after the Javascript for the widget): <script src="https://code.jquery.com/jquery-3.4.1.slim.min.js" integrity="sha384-J6qa4849blE2+poT4WnyKhv5vZF5SrPo0iEjwBvKU7imGFAV0wwj1yYfoRSJoZ+n" crossorigin="anonymous"></script> <script src="https://cdn.jsdelivr.net/npm/popper.js@1.16.0/dist/umd/popper.min.js" integrity="sha384-Q6E9RHvbIyZFJoft+2mJbHaEWldlvI9IOYy5n3zV9zzTtmI3UksdQRVvoxMfooAo" crossorigin="anonymous"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/js/bootstrap.min.js" integrity="sha384-wfSDF2E50Y2D1uUdj0O3uMBJnjuUD4Ih7YwaYd1iqfktj0Uod8GCExl3Og8ifwB6" crossorigin="anonymous"></script> I have also tried to put the widget Javascript after the above, no difference. Does any of this make any sense or has anyone come across this before? The widget can be seen working on https://www.vlaamseradio.tk/verzoek.html it is the form near the bottom. Any help will be very much appreciated.