0

Just trying to get an https friendly version of google's hosted jquery css themes, i.e

http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css

loading https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css works, except then there are problems that some of the icons themselves are not served from https. namely:

The page at https://mysite.com ran insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_flat_75_ffffff_40x100.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_flat_0_aaaaaa_40x100.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-bg_highlight-soft_75_cccccc_1x100.png. The page at https://mysite.com/ displayed insecure content from http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/images/ui-icons_222222_256x240.png.

I want it hosted from google.

Colin Brock
  • 21,267
  • 9
  • 46
  • 61
user151975
  • 151
  • 1
  • 7

1 Answers1

-1

You cannot do anything about it. Because jquery-ui.css from https://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css internally uses images with http://... only.

Try protocol-relative URL (by section 4.2 of RFC 3986):

<script src="//ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css"  
type="text/javascript"></script>
Community
  • 1
  • 1
Asif
  • 4,980
  • 8
  • 38
  • 53
  • -1 Take a look at the code next time. ALL images loaded from the link you provided are RELATIVE. By definition, they don't specify http:// paths. – bpeterson76 Jun 04 '12 at 19:50
  • @bpeterson76 I had looked at it, and _relative_ links means for "relative folder hierarchy" not for same connection type. – Asif Jun 04 '12 at 20:00
  • and that is what the links are saying itself. – Asif Jun 04 '12 at 20:01