(1) 2 »
Soucis ffichage menu deroulant
Pascal C.
Pascal C.

Soucis ffichage menu deroulant

Pascal C. 407
16/03 15:09
#1
Pascal C. 407
16/03 15:09
Salut, resalut... moi qui pensait avoir tout réglé et n'avoir plus qu'à remplir mon site...

Je me retrouve avec un problème au niveau d'un menu déroulant et ne trouve pas où se situe mon erreur.
ça faisait un bout de temps que je n'avais pas eu un soucis que je ne parviens pas à surmonter tiens...

Je me suis aperçu en passant mon site en https que la navigation du sous menu ACTUALITES ne s'affiche pas.

Il s'affiche correctement sur la version http (mais avec du lag) :
Image redimensionnée


Mais plus sur la version https :
Image redimensionnée


Ce que je n'avais pas remarqué sur l'ancienne version est que le sous-menu en question s'affiche après un certain laps de temps de quelques secondes... comme si le site effectuait une requête qui avait du mal à aboutir.
Donc l'erreur est bien présente dans le menu originel... mais je ne comprends pas d'où cela peu provenir.

je mets temporairement le site (version http) en ligne pour que vous puissiez vous rendre compte du problème :
http://lumieresdefrance.com/phpv2/

La rubrique est accessible au bout de plusieurs longues secondes durant lesquelles on voit bien le site gratter depuis l'icone de la barre d'adresse comme s'il continuait à charger, il faut patienter un peu et ça marche bien.

Peut-être que j'ai touché un truc car cela ma semblait fonctionner correctement

Une idée ???
Re : Soucis ffichage menu deroulant
Pascal C.
Pascal C.

Re : Soucis ffichage menu deroulant

Pascal C. 407
16/03 15:11
#2
Pascal C. 407
16/03 15:11
Voici une copie du code de la version de la zone du menu qui pose soucis (version https).
Quelque chose vous choquera peut être ???

<!-- START:  ACTUALITES-->
          <
li class="ruby-menu-mega-shop"><a href="#">Actualités</a>
            <
div>
              <
ul>
                <
li class="ruby-active-menu-item"><a href="#">E-Catalogues</a>
                  <
div class="ruby-grid ruby-grid-lined">
                    <
div class="ruby-row">

                      <
div class="ruby-col-2">
                        <
img src="https://fr.lumieresdefrance.com/themes/LDF_Bleu/images/shot_e-catalogue20-21.jpg">
                      </
div>
                      <
div class="ruby-col-2">
                        <
h3 class="ruby-list-heading">CATALOGUE</h3>
                        <
ul>
                          <
li><a href="#">Téléchargez<br>notre e-catalogue<br>2022-2023<br><br><class="fa fa-arrow-circle-left fa-2x" aria-hidden="true"></i></a></li>

                        </
ul>
                      </
div>

                      <
div class="ruby-col-2">
                        <
img src="https://fr.lumieresdefrance.com/themes/LDF_Bleu/images/shot_plaquette_instutionnelle.jpg">
                      </
div>
                      <
div class="ruby-col-2">
                        <
h3 class="ruby-list-heading">PRÉSENTATION</h3>
                        <
ul>
<
li><a href="#">Téléchargez<br>notre plaquette<br>institutionnelle<br><br><class="fa fa-arrow-circle-left fa-2x" aria-hidden="true"></i></a></li>
                        </
ul>
                      </
div>
                                              <
div class="ruby-col-2">
                        <
img src="https://fr.lumieresdefrance.com/themes/LDF_Bleu/images/newsletter.png">
                      </
div>
                      <
div class="ruby-col-2">
                        <
h3 class="ruby-list-heading">NEWSLETTER</h3>
                        <
ul>
<
li><a href="<{$xoops_url}>/modules/xmcontent/viewcontent.php?content_id=10"><br>Inscrivez-vous !<br><br><br><class="fa fa-arrow-circle-left fa-2x" aria-hidden="true"></i></a></li>
                        </
ul>
                      </
div>
                    </
div>
                  </
div>
                </
li>
                
                <
li><a href="#">Nouveaux produits</a>
                  <
div class="ruby-grid ruby-grid-lined">
                    <
div class="ruby-row">
                      <
div class="ruby-col-3">
                        <
a href="#"><img src="<{$xoops_imageurl}>images/menu/newproducts/new01.jpg">
                        <
h3 class="ruby-list-heading" style="margin-top: 16px;"><a href="#">Lanterne Cristal</h3>
                        <
ul>
                          <
li><a href="#">En savoir plus</a></li>
                        </
ul>
                      </
div>
                      <
div class="ruby-col-3">
                        <
a href="#"><img src="<{$xoops_imageurl}>images/menu/newproducts/new02.jpg">
                        <
h3 class="ruby-list-heading" style="margin-top: 16px;">Lanterne Novea</h3>
                        <
ul>
                         <
li><a href="#">En savoir plus</a></li>
                        </
ul>
                      </
div>
                      <
div class="ruby-col-3">
                        <
a href="#"><img src="<{$xoops_imageurl}>images/menu/newproducts/new03.jpg">
                        <
h3 class="ruby-list-heading" style="margin-top: 16px;">Lanterne Vega</h3>
                        <
ul>
                         <
li><a href="#">En savoir plus</a></li>
                        </
ul>
                      </
div>
                      <
div class="ruby-col-3">
                        <
a href="#"><img src="<{$xoops_imageurl}>images/menu/newproducts/new04.jpg">
                        <
h3 class="ruby-list-heading" style="margin-top: 16px;">Gamme lanternes X1 X1L</h3>
                        <
ul>
                         <
li><a href="#">En savoir plus</a></li>
                        </
ul>
                      </
div>
                    </
div>
                  </
div>
                </
li>
                <
li><a href="#">Dernières réalisations</a>

                  <
div class="ruby-grid ruby-grid-lined">
                    <
div class="ruby-row">
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea01.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea02.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea03.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea04.jpg">
                      </
div>
                    </
div>
                    <
div class="ruby-row">
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea05.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea06.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea07.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="<{$xoops_imageurl}>images/menu/realisations/rea08.jpg">
                      </
div>
                    </
div>
                  </
div>
                </
li>
              </
ul>
            </
div>
          </
li>
            
<!-- 
END:  ACTUALITES -->
Re : Soucis ffichage menu deroulant
JJD
JJD

Re : Soucis ffichage menu deroulant

JJD 10
16/03 23:20
#3
JJD 10
16/03 23:20
Bonsoir,
Déjà il manque des images dans les sous-menus "Nouveaux produits" et "Dernières réalisations" qui sont encore en http:
exemple :
http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/newproducts/new03.jpg

et elle n'existe pas non plus en https:
https://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/newproducts/new03.jpg

JJDai
Re : Soucis ffichage menu deroulant
JJD
JJD

Re : Soucis ffichage menu deroulant

JJD 10
16/03 23:27
#4
JJD 10
16/03 23:27
D'ailleurs tous les liens de ce menu sont en http et non en https !
itou pur le menu "société"
qu'est qui génère ces menus ?

PS : en faisant ctrl+U dans firefox on peu voir que quasiment tous les liens sont en http, il faudrait déjà régler ce problème.
exemple:
<li><a href="#">Dernières réalisations</a>
                  <
div class="ruby-grid ruby-grid-lined">
                    <
div class="ruby-row">
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea01.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea02.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea03.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea04.jpg">
                      </
div>
                    </
div>
                    <
div class="ruby-row">
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea05.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea06.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea07.jpg">
                      </
div>
                      <
div class="ruby-col-3">
                        <
img src="http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/realisations/rea08.jpg">
                      </
div>
Re : Soucis ffichage menu deroulant
Alain T
Alain T

Re : Soucis ffichage menu deroulant

Alain T 516
16/03 23:53
#5
Alain T 516
16/03 23:53
Bien vu JJDAI,
Effectivement, le boulot n'a pas été fait, Pascal.
Pascal, tu dois faire une recherche dans ta BDD de tout lien en dur de
"http://lumieresdefrance.com/phpv2/..."
à transformer en
https://lumieresdefrance.com/phpv2/..."

Et oui, une page sécurisée avec du contenu non-sécurisé, c'est normal que ça ne se passe pas bien !
Donc comme indiqué ici

Pas "d'à peu près" plus aucun lien interne en http, ensuite revient nous voir ,)))))
Re : Soucis affichage menu deroulant
Pascal C.
Pascal C.

Re : Soucis affichage menu deroulant

Pascal C. 407
17/03 08:27
#6
Pascal C. 407
17/03 08:27
l'url du la version du site https est https://fr.lumieresdefrance.com, les liens me semblent du coup tous OK, non?

cette version était en maintenance, je viens de la rendre publique.
Re : Soucis affichage menu deroulant
Pascal C.
Pascal C.

Re : Soucis affichage menu deroulant

Pascal C. 407
17/03 08:42
#7
Pascal C. 407
17/03 08:42
Je pense m'être mal expliqué en fait.

l'ancien site http est sur cette adresse : http://lumieresdefrance.com/phpv2/
vous avez regardé le code de celui-ci vous, non?


le nouveau en https est ici : https://fr.lumieresdefrance.com
Le code posté plus haut correspond à celui là. Les liens me semblent du coup bons.

Par exemple mon lien
<a href="#"><img src="<{$xoops_imageurl}>images/menu/newproducts/new03.jpg">

ne peut que pointer sur le bon site, ou bien je ne comprends pas.

et vous me dites le voir comme cela :
http://lumieresdefrance.com/phpv2/themes/LDF_Bleu2/images/menu/newproducts/new03.jpg


Vous regardez bien cette adresse ?
https://fr.lumieresdefrance.com
Re : Soucis ffichage menu deroulant
Alain T
Alain T

Re : Soucis ffichage menu deroulant

Alain T 516
17/03 09:08
#8
Alain T 516
17/03 09:08
Oui ce n'était pas du tout clair...
Bon, plusieurs choses,
déjà,
- utilises les outils intégrés dans Google Chrome qui sont "Inspecter" (bouton droit sur la page)
Tu pourras utiliser "Lighthouse" pour avoir des infos utiles
Tu vas découvrir pas mal d'infos
Tu as notamment encore du contenu mixte (non sécurisé dans une page "sécurisé")
URL non sécurisée
Demande de résolution
/175x140(placehold.it) Mise à niveau automatique au format HTTPS
/75x50(placehold.it) Mise à niveau automatique au format HTTPS


- Ensuite, tu commentes une partie de ton sous-menu et tu constates...
Avances au fur et mesure pour cibler au plus près ton problème.
Au final, si tu désactives l'ensemble de ton sous-menu, as tu encore le problème

- "Console"
Gros soucis ...
par exemple :
il y a un espace entre
Citation :
<s-c-r-i-p-t src="https://fr.lumieresdefrance.com/themes/xtest et _clear_nolabel/js/jquery-3.1.0.min.js"

Pas beau tout ça

- Il faudrait que tu ajoutes le fichier map du bundle bootstrap (consulte les infos de console)

- "Reseau"
oula : 7s pour afficher l'image portant le nom "75x50"
humm, ça sent l'erreur type car etrange pour un nom d'image...
Et pas depuis ton site...
Citation :
URL de requête: https://placeholder.com/75x50
Mode de requête: GET
Code d'état: 500
Adresse distante: 104.26.6.141:443
Règlement sur les URL de provenance: strict-origin-when-cross-origin


- Tu as plus de 20 éléments mixes (http dans du https)...
Cela peut-être des liens ou des include de sites externes en http vers ton site en https


Voila quelques éléments pour faciliter un bon diagnostique

Alain
Re : Soucis ffichage menu deroulant
Pascal C.
Pascal C.

Re : Soucis ffichage menu deroulant

Pascal C. 407
17/03 10:07
#9
Pascal C. 407
17/03 10:07
Super Alain, cela m'a beaucoup aidé et le problème du menu est maintenant corrigé. c'était semble-il mes liens java qui étaient en cause.
En suivant ta procédure, je me suis même aperçu que j'avais des liens qui pointait vers d'autres thèmes que j'ai depuis supprimé.

A force de dupliquer mes thèmes pour continuer à pouvoir travailler dessus... j'avais oublié de modifier pas mal de liens

Il y a par contre quelques explications que je n'ai pas comprises :
lorsque tu dis :
Citation :
- Il faudrait que tu ajoutes le fichier map du bundle bootstrap (consulte les infos de console)

Quel est donc ce fichier, où dois-je l'ajouter et dans quel but?

Puis lorsque tu me dis :
Citation :
- Tu as plus de 20 éléments mixes (http dans du https)...
Cela peut-être des liens ou des include de sites externes en http vers ton site en https

A quel endroit vois-tu cette info? Je ne trouve pas


Je m'excuse pour ne pas avoir été clair sur le bon lien de mon site, et tous vous avoir induits en erreur
Re : Soucis ffichage menu deroulant
Alain T
Alain T

Re : Soucis ffichage menu deroulant

Alain T 516
17/03 10:50
#10
Alain T 516
17/03 10:50
pour le fichier map,
regarde la console,
le système te donne exactement le fichier qu'il a besoin et qu'il faut placer dans le même dossier que le js

Discussion ici
J'en parle ici
On peut le charger ici