Author Topic: Https - SSL issues with Saratoga template.  (Read 1125 times)

0 Members and 1 Guest are viewing this topic.

Offline meteothes.gr

  • meteothes.gr Administrator
  • Member
  • *
  • Posts: 26
    • Weather Live! at Thessaloniki Historical Center
Https - SSL issues with Saratoga template.
« on: November 04, 2017, 07:34:36 AM »
Ken,

Recently, I moved my site to Cloudflare free SSL, but there is an issue concerning full SSL verification.
When I load the homepage, the green padlock appears at the beginning, but after a while it disappears replaced by an info icon, which informs that
the page is not fully encrypted and it has issues with mixed content (images, links). Please check:

https://www.meteothes.gr

All the images are loaded locally from a dedicated image folder in server and the hyperlinks are calling https:// urls.

After some investigation, I found that if I deactivate fly-out menu from settings, or remove the code from the menubar, the page passes SSL verification!

Could you please tell me what can I do to resolve that issue?

Thanks,

Thanos
Weather Live! at the Historical Center of Thessaloniki
Central Macedonia - Northern Greece

Offline wvdkuil

  • Wim van der kuil
  • Forecaster
  • *****
  • Posts: 1984
    • My PWS at Leuven Belgium Europe
Re: Https - SSL issues with Saratoga template.
« Reply #1 on: November 04, 2017, 08:44:18 AM »
Ken,

Recently, I moved my site to Cloudflare free SSL, but there is an issue concerning full SSL verification.
When I load the homepage, the green padlock appears at the beginning, but after a while it disappears replaced by an info icon, which informs that
the page is not fully encrypted and it has issues with mixed content (images, links). Please check:

https://www.meteothes.gr

All the images are loaded locally from a dedicated image folder in server and the hyperlinks are calling https:// urls.

After some investigation, I found that if I deactivate fly-out menu from settings, or remove the code from the menubar, the page passes SSL verification!

Could you please tell me what can I do to resolve that issue?

Thanks,

Thanos
Not all images are correct, please use chrome => right click => select inspect => check the console page
Quote
Mixed Content: The page at 'https://www.meteothes.gr/?lang=en#' was loaded over HTTPS, but requested an insecure image
'http://www.meteothes.gr/ajax-images/flyout-shade-/#D3D5F3.gif'. This content should also be served over HTTPS.
The link to this  image gives a 404 error also.  This is the generated html with the error.
Code: [Select]
/* style the list items */
.flyoutmenu li {
color: #33289C;
background:#E1EBF2 url(./ajax-images/flyout-shade-#D3D5F3.gif);
/* for IE7 */
float:left;

When using "inspect" the same page wilt halt on a javascript error also, so you have to click on continue to see all info.
Code: [Select]
Uncaught TypeError: $(...).marquee is not a function
    at HTMLDocument.<anonymous> (www.meteothes.gr/:260)
    at fire (jquery-1.9.0.js:1017)
    at Object.fireWith [as resolveWith] (jquery-1.9.0.js:1127)
    at Function.ready (jquery-1.9.0.js:416)
    at HTMLDocument.DOMContentLoaded (jquery-1.9.0.js:92)

This is the offending javascript
Code: [Select]
$(function () {
// basic version is: $('div.demo marquee').marquee() - but we're doing some sexy extras
$('div.demo marquee').marquee('pointer').mouseover(function () {

Wim

Offline saratogaWX

  • Administrator
  • Forecaster
  • *****
  • Posts: 9244
  • Saratoga, CA, USA Weather - free PHP scripts
    • Saratoga-Weather.org
Re: Https - SSL issues with Saratoga template.
« Reply #2 on: November 04, 2017, 11:07:43 AM »
The mixed-content message is coming from two 404 responses for elements on the page.

First, the weather-print-php.css file is missing in the document root.  You should upload that file from the Saratoga Base-World distribution.

Second, the flyout-menu.php is trying to load http://www.meteothes.gr/ajax-images/flyout-shade-/#D3D5F3.gif which doesn't exist.
Your line in flyout-menu.php
Code: [Select]
array('NAME' => 'blue',   'SHADE_IMAGE'=> 'flyout-shade-#D3D5F3.gif', 'BORDER_COLOR'=> 'black', 'LINK_COLOR'=> '#33289C', 'LINK_BACKGROUND'=> '#E1EBF2',   'HOVER_COLOR' => 'white', 'HOVER_BACKGROUND' => '#3173B1',), # blue
should likely read as
Code: [Select]
array('NAME' => 'blue',   'SHADE_IMAGE'=> 'flyout-shade-D3D5F3.gif', 'BORDER_COLOR'=> 'black', 'LINK_COLOR'=> '#33289C', 'LINK_BACKGROUND'=> '#E1EBF2',   'HOVER_COLOR' => 'white', 'HOVER_BACKGROUND' => '#3173B1',), # blue
and that assumes that ./ajax-images/flyout-shade-D3D5F3.gif exists -- you would have to have created it, as it's not an image in the Saratoga distribution.

The image anti-hotlink code in your .htaccess prevents me for delving deeper into the issue.

You could also change that line in flyout-menu.php back to the original
Code: [Select]
array('NAME' => 'blue',   'SHADE_IMAGE'=> 'flyout-shade-white.gif',  'BORDER_COLOR'=> 'black', 'LINK_COLOR'=> '#336699', 'LINK_BACKGROUND'=> 'white',   'HOVER_COLOR' => 'white', 'HOVER_BACKGROUND' => '#3173B1',), # blue
which uses the flyout-shade-white.gif image (which is included in the Saratoga distribution) and see if that fixes the issue.

Ken True/Saratoga, CA, USA main site: saratoga-weather.org
Davis VP1+ FARS, Blitzortung RED, GRLevel3, WD, WL, VWS, Cumulus, Meteobridge
Free weather PHP scripts/website templates - update notifications on Twitter saratogaWXPHP

Offline meteothes.gr

  • meteothes.gr Administrator
  • Member
  • *
  • Posts: 26
    • Weather Live! at Thessaloniki Historical Center
Re: Https - SSL issues with Saratoga template.
« Reply #3 on: November 04, 2017, 01:55:43 PM »
Thanks Ken and Wim, it's working now!  =D&gt;

I have to resolve many similar issues in another pages as well, and it's going to take some time! :roll:

Anyway, due to other issues (domain licenses etc), I decided to run my site together in encrypted (https) and not encrypted (http) mode...

I'll let you know if anything else occurs and need your help again.

Thanos
Weather Live! at the Historical Center of Thessaloniki
Central Macedonia - Northern Greece

 

anything