Develop Reference

Deleting temporary url insecure logo link from Wordpress site

I have a wordpress site that we recently made live. We built it with a temporary URL and then switched it to the live url. I'm getting a soft failure for the SSL because of the theme's default logo.png. I've done better search and replace to try and change it but it can't since it's hardcoded. How and where would I change that so that it shows the live url and is secured?
Website is hobnobevents.com
Error from whynopadlock.com: https://www.whynopadlock.com/results/828a837d-e8d4-4553-8492-5b1d7e784454
An image with an insecure url of "http://185.56.86.90/~onetoncr/hobnobevents.com/wp-content/themes/bodega/img/logo.png" was loaded on line: 1 of https://www.hobnobevents.com/.
Errors that are reported on line 1 are generally not part of the source code. This error may be caused by an external javascript file which is writing to the page, however we are unable to reliably detect these scripts in our automated test.
Please contact us using the "Need Help?" link below if you need assistance with resolving this error.

This File is Present in Your JavaScript.
URL of JavaScript
https://www.hobnobevents.com/wp-content/themes/bodega/js/default.min.js?ver=5.3.2
Code is
$j([theme_root+'img/logo.png']).preload()
Check this code or change the theme_root may help you.

Website javascript calculator not working, need solution

I recently made my website SSL certified, but now my calculator is broken.
Url: https://secondunitcentersmc.org/calculator/
Please help provide a solution, the only affected drop down is the first location one.enter image description here
Console Log Error:
angular.js:12011 Mixed Content: The page at 'https://secondunitcentersmc.org/calculator/' was loaded over HTTPS, but requested an insecure XMLHttpRequest endpoint 'http://secondunitcentersmc.org/wp-content/themes/secondunitcenter/calc/data/rents.json'. This request has been blocked; the content must be served over HTTPS.
Changing this URL to https does not work, (it causes the form to not appear) neither does changing $http to $https in both locations within the file
Image from scripts/app.js of my website. It is also a wordpress site.

So When I navigate to http://secondunitcentersmc.org/wp-content/themes/secondunitcenter/calc/data/rents.json it is automatically changing to https. In your js file where you make the call to this page, does the url there start with http or https?
Instead of using a json file for this data, you might want to consider creating a private custom post type for the locations, then you can just use the standard wordpress query to call them into the drop down. It will also be easier to add and edit them in the future. (and get rid of your https/http error :))
How did you add https to your site? with a plugin or manually? If manually- you need to update your site address and wordpress address in general>settings as well as add some code to your .htaccess file. more info here (method #2) https://www.wpbeginner.com/wp-tutorials/how-to-add-ssl-and-https-in-wordpress/

Use a localhost file on a url API - javascript

Can we use a file who is stored on a localhost server, with an URL Api ??
The path for my localhost file is : http://localhost/DPGF/dpgf.xls
The API url link is :
https://sheet.zoho.com/sheet/view.do?url=http://link.to/file.xls&name=newName
And i'm trying to do this :
https://sheet.zoho.com/sheet/view.do?url=http://localhost/DPGF/dpgf.xls&name=newName
But this doesn't work for me.. so i don't know why or just that the API only supports real file links :(

First of all localhost is only reachable from your own machine, server at sheet.zoho.com could not possibly have access to it, and even if it did there would still be problems with cross-origin access to the page.

Load pdf on foreign url with pdf.js

I am trying to load pdf from another server to the viewer of pdf.js in my server.I got error
"PDF.js v1.4.20 (build: b15f335)
Message: file origin does not match viewer's"
I already checked many answer, many of them said that pass the pdf url through a proxy like:- link
After searching a lot i found that they release a new patch in which they have lock down any CDR request, correct me if i am wrong:-Here is the link
but in their user manual they specified that it is possible here is the link
I tried all method but not able to enable CDR on my server and many methods didn't work.
Please help me to resolve this issue.
My Basic idea is to show pdf(which is hosted on 3rd party server) on my pdf reader(that i made it from pdf.js).

I resolved this issue by comment this lines in viewer.js
if (fileOrigin !== viewerOrigin) {
throw new Error('file origin does not match viewer\'s');
}
and use proxy like this.
http://192.168.0.101/web/viewer.html?file=https://cors-anywhere.herokuapp.com/pathofpdf.pdf

Add your domain/origin to HOSTED_VIEWER_ORIGINS array

I resolved this issue by adding this line in viewer.js
var LOCAL_AUTO_DETECT_ORIGIN = window.location.origin;
var HOSTED_VIEWER_ORIGINS = ['null', 'http://mozilla.github.io', 'https://mozilla.github.io'];
HOSTED_VIEWER_ORIGINS.push(LOCAL_AUTO_DETECT_ORIGIN);

The problem in my case was the link wasnt in https while the site is secured

pdfjs respect CORS settings. Do the following
Go to viewer.js file and find the location of HOSTED_VIEWER_ORIGINS. Below that line add your domain to the array HOSTED_VIEWER_ORIGINS like this
const LOCAL_AUTO_DETECT_ORIGIN = window.location.origin;
HOSTED_VIEWER_ORIGINS.push(LOCAL_AUTO_DETECT_ORIGIN);
if your file is hosted n AWS S3 bucket, then set CORS policy on the bucket to allow all your domains read files from that bucket
That should solve your prblem

Google Drive raw data?

Is there any URL google has that contains the raw data for the file? using https://drive.google.com/file/d/FILE_ID just takes you to a 'share' section of the file... say I have a .js file on GDrive. If you go to their share link, they have a share page. Is there any link to get the raw javascript from the file, as to use in a <script src="google_link_or_whatever">?

First, go to the sharing settings for your document and choose "Anyone with a link." It will generate a link in the format https://drive.google.com/file/d/XXX/view?usp=sharing.
Now you can use the following URL format: https://drive.google.com/uc?id=XXX
Note that I'm seeing an HTTP redirect when I do this, so use curl -L on the command line or otherwise make sure that your HTTP client follows redirect.

Sharing link:
https://drive.google.com/file/d/YOUR_ID/view?usp=sharing
Raw download link:
https://drive.google.com/uc?export=download&id=YOUR_ID

NOTE - THIS WAS THE SOLUTION BUT IT NO LONGER WORKS - SEE COMMENT BY #Bobby Fritze below
No API's and no JS necessary.
Confirmed now working on latest version of Drive.
Great workaround for if your server doesn't use https but a vendor plugin demands https to call in a CSS or other file:
On the folder with your intended file (e.g. FILE.css), hit Sharing Settings, then Advanced, then select "Public on the web - Anyone on the Internet can find and view."
In the URL bar (or share link), copy everything after the drive.google.com/drive/u/0/folders/
Use that ID to replace the XX-XXXXXXXXXXXXX in: http://googledrive.com/host/XX-XXXXXXXXXXXXX/FILE.css
Navigate to the appended URL in Step 3 and you will now see your raw data.
My use case below:
<script type="text/javascript">
var vsDisableResize = false;
var vsCssUrl = 'https://cbe7c864b9c1ae8d5be60c7fed3e467334a04d2f.googledrive.com/host/0B9ngkmVbo5T7TDhTTU81M25iNnc/cart.css';
var vsWineryId = '850';
var vsWineListId = '71';
Credit to #chris.huh at: https://productforums.google.com/forum/#!topic/drive/MyD7dgLJaEo