problème de menu "accordion" après passage en httpS

Bonjour,

Comme indiqué dans le titre je me retrouve avec un problème au niveau de mon menu qui ne veux plus se dérouler au passage de la souris sur les catégories.
Ce problème est apparu juste après avoir activé le ssl sur l'espace client de mon hébergeur...

-mon blog sans https, pas de problèmes : http://www.gasbe.net/
-avec https : le menu est complètement kéblo ! https://www.gasbe.net/

Depuis quelques jours j'ai cherché sur le oueb, j'ai posté dans ce sujet qui ma donné une lueur d'espoir : http://forum.pluxml.org/viewtopic.php?pid=55659#p55659
j'ai scruté les fichier .php et .css de mon thème avec la fonction recherche de notepad pour modifier les liens ecrits en http:// en https:// et ça a résolus un problème de police d'écriture mais je bloque carrément pour le menu.

Je pense que le problème peut venir d'un .js qui bloque quelques pars mais où ??? dans le dossier JS de mon thème j'ai bien le fichier nav.js mais je ne sais pas dans quel fichier .php de mon thème le nav.js est appellé:
[== JavaScript ==]
$(document).ready(function(){

   $('#nav li a').click(function(){
        $('#nav li a').removeClass('active');
        $(this).addClass('active');
         var id = $(this).attr('href');
       
        scrollTo(id);
        return false;
   });

   function scrollTo(target){
       if($(target).length>=1){
           height=$(target).offset().top;
       }
       $('html,body').animate({scrollTop: height}, 1200);
       return false;
   }

});

et dans mon header.php la partie concernant le menu comme ceci :
[== HTML ==]
<nav id="site-navigation" class="navigation main-navigation" role="navigation">
						<ul id="menu-main-nav" class="nav-menu">
						 <!--Home -->
						<li id="menu-item-16" class="fa fa-home menu-item menu-item-type-custom menu-item-object-custom current-menu-item current_page_item menu-item-home menu-item-16"><a href="<?php $plxShow->racine() ?>">Home</a>
						</li>
						 <!--Home -->
						 
						  <!--static -->
							<?php $plxShow->staticList('','<li id="menu-item-#static_id" class="fa fa-star menu-item menu-item-type-post_type menu-item-object-page menu-item-#static_id"><a href="#static_url" class="#static_status" title="#static_name">#static_name</a></li>'); ?>
						   <!--static -->	

						<!--CATEGORIES -->	
							<li id="menu-item-48" class="fa fa-bars menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-48"><a href="#"><?php $plxShow->lang('CATEGORIES'); ?></a>
							<ul class="sub-menu">
								<?php $plxShow->catList('','<li id="menu-item-#cat_id" class="menu-item menu-item-type-taxonomy menu-item-object-category menu-item-#cat_id"><a href="#cat_url" title="#cat_name">#cat_name</a></li>'); ?>
							</ul>
							</li>
						<!--CATEGORIES -->
							
                         <!--LE RUCHER -->	
							<li id="menu-item-48" class="fa fa-forumbee menu-item menu-item-type-custom menu-item-object-custom menu-item-has-children menu-item-48"><a href="#"><?php $plxShow->lang('LE RUCHER'); ?></a>
							<ul class="sub-menu">
								<li> <a href="https://www.gasbe.net/v1/LE_RUCHER_projet_miellerie.html" title="Le projet abeilles">Le projet</a></li>
								<li> <a href="https://www.gasbe.net/index.php?article4/la-ruche-kenyane" title="ou ruche TBH">La ruche Kenyane</a></li>							
								<li> <a href="https://www.gasbe.net/v1/LE_RUCHER_liens_du_rucher.html" title="Liens apicole">Liens apicole</a></li>
							</ul>
							</li>
						 <!--LE RUCHER -->	

	etc... etc... 
						
                        </ul>			
		            </nav>

et autrement dans le htaccess qui se trouve à la racine de mon site j'ai inclus ceci :
[== Indéfini ==]
# redirections https 2
RewriteEngine On
Reconduite# redirections https 2
RewriteEngine On
RewriteCond %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.gasbe.net/$1 [R,L]

<limit GET POST>
require valid-user
</limit>
# BEGIN -- Pluxml
Options -Multiviews
<IfModule mod_rewrite.c>
RewriteEngine on
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteCond %{REQUEST_FILENAME} !-l
# Réécriture des urls
RewriteRule ^(?!feed)(.*)$ index.php?$1 [L]
RewriteRule ^feed\/(.*)$ feed.php?$1 [L]
</IfModule>
# END -- Pluxml %{SERVER_PORT} 80
RewriteRule ^(.*)$ https://www.gasbe.net/$1 [R,L]


a savoir aussi que le thème utilisé est celui proposé Hamtaro : http://forum.pluxml.org/viewtopic.php?id=4526 et qu'il avait créer spécialement pour ce thème un pluggin qui gère jQuery


Auriez-vous une idée, une piste pour remettre mon menu à l'endroit ? d'avance merci

Réponses

  • je-evrardje-evrard Member
    octobre 2017 modifié
    Bonjour,

    Au dela des erreurs 404 que tu as (c'est un soucis mais non bloquant).

    En https tu as un script qui plante pour x raison.
    [== Indéfini ==]
    Uncaught TypeError: $container.imagesLoaded is not a function
        at HTMLDocument.<anonymous> ((index):187)
        at j (jquery-11.0.min.js:2)
        at Object.fireWith [as resolveWith] (jquery-11.0.min.js:2)
        at Function.ready (jquery-11.0.min.js:2)
        at HTMLDocument.K (jquery-11.0.min.js:2)
    

    J'ai pas regardé en détail mais c'est celui ci qui fait planter tout ton script en https.

    Je pense en fait que c'est en partie à cause du blocage de ce script :
    [== Indéfini ==]
    Mixed Content: The page at 'https://www.gasbe.net/' was loaded over HTTPS, but requested an insecure script 'http://desandro.github.io/imagesloaded/imagesloaded.pkgd.js'. This request has been blocked; the content must be served over HTTPS.
    

    ++

    jéjé
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    D'après l'inspecteur Web de Firefox (touche F12, puis onglet réseau, puis recharger la page ), il y encore beaucoup d'erreurs 404 avec ton serveur (fichiers introuvables).
    En particulier le script pour bootstrap est inaccessible:
    https://www.gasbe.net/cache/plnCalendrier_specific.css
    https://fonts.googleapis.com/css?family=
    https://www.gasbe.net/themes/flat/assets/js/bootstrap-3.1.0.min.js
  • merci pour votre aide, c'est une bonne piste, vous auriez une idée de la manip que je dois faire sur ces scripts pour pouvoir les débloquer ? je songe sérieusement à abandonner le https:// mais ca ne reoudra rien au final et jpense etre plus têtu que je query
  • This request has been blocked; the content must be served over HTTPS.

    Cette demande a été bloquée ; le contenu doit être servi au-dessus de HTTPS.
  • A la corbeille SSL trop !)X@"'(-_ à mettre en place :mad: et pour de 1 détecter qu'est-ce qui bloque et de 2 dans quel fichier ca se trouve et de 3 comment réparer quand tu as jamais fais ..... ACCROCHE TOI mon pote, webmaster autodidacte c'est un métier !
    En tout cas merci à toi bazooka07 (une fois de plus) j'ai au moins appris à détecter des erreurs 404 et pareil jéjé mais si jquery plante pour x raisons en https tanpis ça fonctionne sans le ssl
  • bazooka07bazooka07 PluXml Lead Developer, Moderator
    octobre 2017 modifié
    Si ton site est en https et que tu as besoin de ressources externes, scripts javascript, polices, images, provenant d'autres sites, alors ces derniers doivent être aussi en https pour des questions de sécurité. Cela est géré par le navigateur.
    Sinon la connexion vers ton site ne serait pas fiable et il pourrait y avoir compromission chez le visiteur de ton site.

    Il est plus simple de rapatrier toutes ces ressources externes sur ton site.

    Pour prendre une image, cela serait comme si tu fermais ta porte d'entrée super blindée à triple tour et que tu partes sans fermer les volets au rez de chaussée. Pas très compliqué pour rentrer chez toi en ton absence.
  • demiseldemisel Member
    octobre 2017 modifié
    J'avais très bien compris tout ça, je viens de ré-activer SSL et c'est bien la raison pour laquelle je voulais passer à https d'autant que j'ai la possibilité d'activer le ssl sur mon hébergeur, j'ai aussi lu que google allait favoriser les sites sécurisés pour le référencement mais mon problème est que après avoir identifié une des ressources externes qui coince que jéjé ma signalé,
    [== Indéfini ==]
    http://desandro.github.io/imagesloaded/imagesloaded.pkgd.js
    
    et bien je ne sais pas où regarder dans les fichiers de mon site pour corriger. Je suis pas sur mais il me semble que imagesloaded.pkgd.js c'est une ressource qui était d'origine dans le thème que j'ai choisi et je ne sais même pas à quoi elle sert...

    - pour https://www.gasbe.net/cache/plnCalendrier_specific.css c'est corriger puisque j'ai désinstaller ce pluggin qui ne me servait pas. Pour https://fonts.googleapis.com/css?family= et https://www.gasbe.net/themes/flat/asset … 1.0.min.js je ne sais pas où regarder, j'ai l'impression de chercher une aiguille dans une botte de foin sans détecteur de métaux...
  • demiseldemisel Member
    octobre 2017 modifié
    J'ai trouvé un peu de lecture : http://blog.axe-net.fr/trouver-reparer-erreurs-404-methode-outils/ et j'ai appliqué les méthodes expliqués.

    Par rapport à :
    [== Indéfini ==]
    Mixed Content: The page at 'https://www.gasbe.net/' was loaded over HTTPS, but requested an insecure script 'http://desandro.github.io/imagesloaded/imagesloaded.pkgd.js'. This request has been blocked; the content must be served over HTTPS.
    

    Xenu m'a permis d'identifié à quoi ça correspondait sur mon site :
    Capture_erreur.jp
    et effectivement je ne me souvenais plus avoir installer ce pluggin. Pour une raison que je comprend toujours pas il empêche mon menu de se dérouler normalement. En tout cas ça m'a bien fait rire au final et ca m'aura bien pris la tête !
Connectez-vous ou Inscrivez-vous pour répondre.