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 i
...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
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
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
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.
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.
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
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.
Copy link to clipboard
Copied
WhyNoPadlock report gives other helpful info that the developer's console doesn't talk about.
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.