Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

Blocked loading mixed active content

I am getting these warnings in my console and my script is not working fine

Blocked loading mixed active content "http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"

Here is the screenshot:

enter image description here

How can I fix these warnings?

My Scripts:

<script type="text/javascript" src="http://malsup.github.io/jquery.blockUI.js"> </script> <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.3/themes/smoothness/jquery-ui.css"> 
like image 303
Hassan Sardar Avatar asked Dec 16 '13 07:12

Hassan Sardar


People also ask

How do you solve blocked loading mixed active content?

A shield icon will appear in the address bar when mixed content is blocked. To display the mixed content, click the shield icon, then click Disable Protection on This Page in the menu that appears. Repeat this for each page you would like to load where the shield icon appears.

What is mixed content and why is Chrome blocking it?

In early 2020, Google Chrome began the process of blocking Mixed Content, which promotes content on websites being served via HTTPS, and discourages or blocks content not being served, executed, or downloaded over secure connections (HTTP).

What is mixed active content?

Mixed active content is content that has access to all or parts of the Document Object Model of the HTTPS page. This type of mixed content can alter the behavior of the HTTPS page and potentially steal sensitive data from the user.


1 Answers

Use this code to include your cdn files : Use https protocol in your url :

<link rel="stylesheet" href="https://code.jquery.com/ui/1.8.10/themes/smoothness/jquery-ui.css" type="text/css"> <script type="text/javascript" src="https://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script> 

Or this pattern :

<link rel="stylesheet" href="//code.jquery.com/ui/1.8.10/themes/smoothness/jquery-ui.css" type="text/css"> <script type="text/javascript" src="//ajax.aspnetcdn.com/ajax/jquery.ui/1.8.10/jquery-ui.min.js"></script> 
like image 154
Vahid Taghizadeh Avatar answered Oct 14 '22 16:10

Vahid Taghizadeh