Highlighted

Bootstrap in SSL / https:// in dreamweaver CC 2018

New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

I am using dreamweaver CC 2018. And bootstrap to create a roll-over menu. In http:// the roll-over menu operates well. But in https:// the roll-over button does not operate. Example: http://topworld.center operates  well. But in https://topworld.center  the roll-over menu does not operate. How can I make the rollover menu in bootstrap work in SSL / https:// in dreamweaver CC 2018?

https://forums.adobe.com/people/Nancy+OShea  wrote

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

You just have to look in the browser console to see the files being blocked because of mixed content - http: and https:

Although I don't know why the green paddlock dropdown is not showing there are problems with mixed/blocked content, because it should be.

Edited...

It is showing - you have to click on the arrow to see the message about blocked content, although it should really be more bloody obvious.

TOPICS
Dreamweaver FTP

Views

383

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

Bootstrap in SSL / https:// in dreamweaver CC 2018

New Here ,
Jan 29, 2019

Copy link to clipboard

Copied

I am using dreamweaver CC 2018. And bootstrap to create a roll-over menu. In http:// the roll-over menu operates well. But in https:// the roll-over button does not operate. Example: http://topworld.center operates  well. But in https://topworld.center  the roll-over menu does not operate. How can I make the rollover menu in bootstrap work in SSL / https:// in dreamweaver CC 2018?

https://forums.adobe.com/people/Nancy+OShea  wrote

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

You just have to look in the browser console to see the files being blocked because of mixed content - http: and https:

Although I don't know why the green paddlock dropdown is not showing there are problems with mixed/blocked content, because it should be.

Edited...

It is showing - you have to click on the arrow to see the message about blocked content, although it should really be more bloody obvious.

TOPICS
Dreamweaver FTP

Views

384

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Jan 29, 2019 0
LEGEND ,
Jan 29, 2019

Copy link to clipboard

Copied

Change any remote links within your website page/s to also have https://

<script src="http://code.jquery.com/jquery-latest.min.js"></script>

<!--Bootstrap-->

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/js/bootstrap.min.js"></script>

See if that makes a difference

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 1
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I suggest that you delete/refresh the browser cache and try again. You will find that both versions work as intended


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
LEGEND ,
Jan 29, 2019

Copy link to clipboard

Copied

BenPleysier  wrote

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I don't share that opinion. When I changed at least one of my websites to https:// I also had to change the jquery library link to https:// for anything using jquery to function correctly.

BenPleysier  wrote

You have also sated that you are using Bootstrap, yet nothing is further from the truth.

Well there is a  link to the Bootstrap js - as to whether the OP is using any I didnt investigate further

Theres plenty of Bootstrap in this file:

http://topworld.center/css/TopUniversity100.css

Plus plenty of Bootstrap classes in the html mark-up

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 1
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

osgood_  wrote

BenPleysier   wrote

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I don't share that opinion. When I changed at least one of my websites to https:// I also had to change the jquery library link to https:// for anything using jquery to function correctly.

My apologies, I saw red as I was scrolling down the document. I was also blinded by the use of table elements. Please ignore my reply, I was wrong.


Ben

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
osgood_ LATEST
LEGEND ,
Jan 30, 2019

Copy link to clipboard

Copied

BenPleysier  wrote

osgood_   wrote

BenPleysier    wrote

A secure socket layer will make no difference to the working of a properly constructed document. You have also sated that you are using Bootstrap, yet nothing is further from the truth.

I don't share that opinion. When I changed at least one of my websites to https:// I also had to change the jquery library link to https:// for anything using jquery to function correctly.

My apologies, I saw red as I was scrolling down the document. I was also blinded by the use of table elements. Please ignore my reply, I was wrong.

No problem. I think it's become normal to link to the default named bootstrap.css file, either locally or from a cdn rather than expect the default bootstrap css to be in a custom named stylesheet. I often overlook something simple. No matter how long I've been doing this some days I can't even remember the simplest of procedures, frightening, BUT I think it's an all too familar encounter for most developers.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 30, 2019 1
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 1
LEGEND ,
Jan 29, 2019

Copy link to clipboard

Copied

https://forums.adobe.com/people/Nancy+OShea  wrote

I just ran a WhyNoPadlock report on your home page and it shows  2 hard failures where HTTP assets (jQuery & Bootstrap) are being blocked by your browser for security reasons.  See report results below.

https://www.whynopadlock.com/results/ec34d5e3-52d5-4392-b3fe-9444b7dd92cb

You just have to look in the browser console to see the files being blocked because of mixed content - http: and https:

Although I don't know why the green paddlock dropdown is not showing there are problems with mixed/blocked content, because it should be.

Edited...

It is showing - you have to click on the arrow to see the message about blocked content, although it should really be more bloody obvious.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
Adobe Community Professional ,
Jan 29, 2019

Copy link to clipboard

Copied

WhyNoPadlock report gives other helpful info that the developer's console doesn't talk about. 

Nancy O'Shea, ACP
Alt-Web Design & Publishing

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0
LEGEND ,
Jan 29, 2019

Copy link to clipboard

Copied

https://forums.adobe.com/people/Nancy+OShea  wrote

WhyNoPadlock report gives other helpful info that the developer's console doesn't talk about. 

Not relevant in this case really. Its pretty obvious why the dropdowns don't work IF you know anything about web-development - too many rely on point and click programs and frameworks and don't therefore have the required knowledge needed when issues occur - like a fish out of water.

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Jan 29, 2019 0