Simple jQuery code works fine until site is loaded via https://

by

The three previous answers all mention the problem of a secured “https” page trying to include scripts or other resources (stylesheets, images, etc) from an “http” path…

I would like to add to these, and note that if you have a situation where the same pages could be loaded via either http or https, then you can create “protocol-less” URLs—the protocol will be assumed to be the same as the current page. Note this is only needed for accessing resources on different domains (and will only work if those different domains support both http and https), because obviously if you’re accessing resources on the same domain, you don’t need to start with http:// at all…

For example, each of these three resources would assume either http or https depending on how the current page was accessed:

<script src="https://www.example.com/whatever.js" type="text/javascript"></script>
<img src="https://www.example.com/someimage.png" alt="whatever" />
<link href="https://www.example.com/styles.css" rel="stylesheet" />

More Related Contents:

  1. Ajax using https on an http page
  2. Difference between .on(‘click’) vs .click()
  3. jQuery how to find an element based on a data-attribute value?
  4. How do you select a particular option in a SELECT element in jQuery?
  5. val() vs. text() for textarea
  6. jQuery posting valid json in request body
  7. javascript capture browser shortcuts (ctrl+t/n/w)
  8. Load external css file like scripts in jquery which is compatible in ie also
  9. Unable to set data attribute using jQuery Data() API
  10. Store JSON object in data attribute in HTML jQuery
  11. How do I check/uncheck all checkboxes with a button using jQuery?
  12. jQuery toggle CSS?
  13. parse html string with jquery
  14. jqgrid showLink
  15. Detect middle button click (scroll button) with jQuery
  16. Dynamically adding collapsible elements
  17. How to set selected value on select using selectpicker plugin from bootstrap
  18. Reload table data in Django without refreshing the page
  19. jQuery .on(‘click’) vs. .click() and .delegate(‘click’)
  20. Bootstrap 3 jquery event for active tab change
  21. jQuery Validate Ignore elements with style
  22. How to change column name in column chooser pop up in jqgrid?
  23. Jquery: Find Text and replace
  24. Check if class already assigned before adding
  25. jquery function val() is not equivalent to “$(this).value=”?
  26. map() get() confusion
  27. Why is the window.width smaller than the viewport width set in media queries
  28. Get *all* CSS attributes with jQuery
  29. jQuery CSS() for dynamically created elements
  30. jQuery behaving strange after page refresh (F5) in Chrome

Leave a Comment