PDA

View Full Version : Drop downs not working on Responsive Hybrid Menu



larry_b
06-26-2019, 03:30 PM
1) Script Title: Responsive Hybrid Menu

2) Script URL (on DD): http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/index.html

3) Describe problem: The problem is that the sub menus are not appearing when the cursor is hovering on the top level buttons. I am including a link to the code I have and what the problem is.

https://danskeren.com/menus/hybrid/

I am new to this forum, although I have used Dynamid Drive software for years. Please let me know if you need any more information.

Larry

keyboard
06-27-2019, 03:19 AM
So the first thing I checked was your website and I noticed you have a whole bunch of errors

Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:28 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure image 'http://www.dynamicdrive.com/dynamicindex1/responsivehybridmenu/ddlogo.png'. This content should also be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jqueryui/1.10.4/jquery-ui.min.js'. This request has been blocked; the content must be served over HTTPS.
hybridmenu.js:9 Uncaught ReferenceError: jQuery is not defined
at hybridmenu.js:9
(anonymous) @ hybridmenu.js:9
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css'. This request has been blocked; the content must be served over HTTPS.
danskeren.com/:1 Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure stylesheet 'http://fonts.googleapis.com/css?family=Open+Sans'. This request has been blocked; the content must be served over HTTPS.

The actual javascript error is this one -

hybridmenu.js:9 Uncaught ReferenceError: jQuery is not defined
at hybridmenu.js:9

That's happening because jQuery isn't being loaded.
Now check this error -

Mixed Content: The page at 'https://danskeren.com/menus/hybrid/' was loaded over HTTPS, but requested an insecure script 'http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js'. This request has been blocked; the content must be served over HTTPS.

Your website is forcing HTTPS, but its trying to load resources from a non-secure address (not https).
The browser will not load the resources, so the script breaks.

In chrome if you select the insecure content blocked and click "allow unsafe scripts", the website works fine. You'll need to load the resources over https.

larry_b
06-27-2019, 03:26 AM
Thanks Leopard! There is a lot here for me to go though. I really appreciate your response. Thank you!

Larry