Mon code javascript ne s'affiche pas sur ma page

Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
-
Bonjour à toutes et tous,

Désolé, j'ai déjà posé cette question hier, mais j'avais oublié de me connecter. Je me permets donc de la reposer après avoir réparé cet oubli.

-----------------------

Je suis en train de créer un blog ( https://claudebussiereeveils.blogspot.com) à peu près identique à deux autres que j'ai déjà fait ( http://claudebussiere.blogspot.com et http://poesiesclaudebussiere.blogspot.com.

Je souhaite y mettre la même barre de menu que sur mes deux blogs précédents sous l'entête

J'utilise le même générateur, mais cette fois-ci, bien que le gadget HTML/Java script semble bien présent sur la page, le menu ne s'affiche pas.

Je ne pense pas que cela vienne du code généré puisque les deux autres fonctionnent bien, mais au cas où, voici celui qui ne s'affiche pas :

<script type="text/javascript" src="http://services.supportduweb.com/menus-horizon/style-19.js?txt=Attentes%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Fattentes-letrain-du-monde-aubeaurore.html%0AFigures%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Ffigures-vv-rr-oo-uu-mm.html%0AParenth%25C3%25A8ses%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Fh2_4.html%0AEnvol%25C3%25A9es%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Fh2.html%0A"></script>

Si quelqu'un sait ce qui se passe j'en serais grandement soulagé car cela fait deux jours que je galère là dessus.

Un grand merci d'avance et bonne journée.
Afficher la suite 

10 réponses

Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048
0
Merci
Bonjour,

Si le script est identique sur les trois blogs et qu'il est visible dans le code source, il faut voir du côté de "services.supportduweb.com" qui fournit le script.
dugenou
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048 -
Dans le code source du blog concerné, le script n'est pas identique à ceux des autres blogs :


Le script du blog concerné :
<script type="text/javascript" src="//services.supportduweb.com/menus-horizon/style-19.js?txt=Attentes%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Fattentes-letrain-du-monde-aubeaurore.html%0AFigures%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Ffigures-vv-rr-oo-uu-mm.html%0AParenth%25C3%25A8ses%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Fh2_4.html%0AEnvol%25C3%25A9es%3Dhttps%253A%252F%252Fclaudebussiereeveils.blogspot.com%252F2019%252F08%252Fh2.html%0A"></script>


Le script des autres blogs :
<script type="text/javascript" src="http://services.supportduweb.com/menus-horizon/style-19.js?txt=Ciel%2520absent%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252F%0ADivertissements%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252Fsearch%253Fupdated-max%253D2016-03-04T05%253A34%253A00-08%253A00%2526max-results%253D1%0AAper%25C3%25A7us%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252Fsearch%253Fupdated-max%253D2016-03-04T05%253A30%253A00-08%253A00%2526max-results%253D1%2526start%253D1%2526by-date%253Dfalse%0ARetours%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252Fsearch%253Fupdated-max%253D2016-03-04T05%253A27%253A00-08%253A00%2526max-results%253D1%2526start%253D2%2526by-date%253Dfalse%0A"></script> 


<script type="text/javascript" src="http://services.supportduweb.com/menus-horizon/style-19.js?txt=COURSE%2520M%25C3%2588RE%3Dhttp%253A%252F%252Fpoesiesclaudebussiere.blogspot.fr%252F2016%252F08%252Fcourse-mere-emprise-acte-de-lunivers.html%0AICI-BAS%3Dhttp%253A%252F%252Fpoesiesclaudebussiere.blogspot.fr%252F2016%252F08%252Fici-bas-cecite-cosmique-presence-floue.html%0AFANTAISIES%3Dhttp%253A%252F%252Fpoesiesclaudebussiere.blogspot.fr%252F2016%252F08%252Ffantaisies-deconvenues-lance-le-corps.html%0AECHAPP%25C3%2589ES%3Dhttp%253A%252F%252Fpoesiesclaudebussiere.blogspot.fr%252F2016%252F08%252Fechappees-la-beaute-que-dombre-il-fallu.html%0A"></script>
</div>
Commenter la réponse de dugenou
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Bonjour Dugenou,

Merci pour ta réponse.

Le dysfonctionnement vient effectivement de "services.supportduweb.com". En effet, leur script n'est pas compatible avec le HTTPS. Je vais donc devoir en utiliser un autre ...

Merci encore et bonne journée.
dugenou
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048 -
Bonjour,

Je ne pensais pas à ce problème, j'avais remarqué que dans le script qui ne fonctionne pas, il manquait le protocole http: à l'adresse du site "services.supportduweb.com".
Commenter la réponse de Filorio
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Je n'y connais pas grand chose, mais si j'ai bien compris il n'y a rien à faire.
Cela m'ennuie car j'aurais vraiment aimé avoir le même look entre ces trois sites ....Qu'en penses tu ??
dugenou
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048 -
La solution serait de désactiver le https de ton blog, dans le tableau de bord, Paramètres, Basique, "URL de redirection HTTPS ".
Commenter la réponse de Filorio
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Oui, j'ai déjà fait cette manip. Si j'ai bien compris, elle me permet de diffuser le lien du blog en HTTP et dans ce cas le script fonctionne. Toutefois, bien qu'il ne soit pas forcement destiné à une forte audience, si je ne me trompe pas, il sera de toute façon référencé en HTTPS, et ne fonctionnera donc pas. Ceci étant, je me trompe peut-être, qu'en penses-tu ?

J'ai beaucoup cherché, mais je ne trouve aucun moyen pour passer un site HTTPS en HTTP. Pour faire le contraire il y a pleins d'explications sur les moteurs de recherche, mais dans ce sens là rien ...Aurais-tu un idée ??

En tout cas, merci encore de t’intéresser à mon souci.
dugenou
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048 -
Bonjour,

Je ne connais pas parfaitement le fonctionnement de Blogger, mais si tu désactives le https, je pense qu'il ne sera accessible qu'en http et donc référencé en http.

La meilleure solution serait de ne plus utiliser ce script extérieur, mais d'écrire toi-même le menu et le CSS pour le style, c'est faisable chez Blogger.

Tu peux reprendre ce qui est fait par "services.supportduweb.com", tu as le code dans tes sites, il faut seulement l'adapter en utilisant des chemins internes pour les images.

La première partie, qui est le JavaScript, n'est plus utile :

<script type="text/javascript" src="http://services.supportduweb.com/menus-horizon/style-19.js?txt=Ciel%2520absent%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252F%0ADivertissements%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252Fsearch%253Fupdated-max%253D2016-03-04T05%253A34%253A00-08%253A00%2526max-results%253D1%0AAper%25C3%25A7us%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252Fsearch%253Fupdated-max%253D2016-03-04T05%253A30%253A00-08%253A00%2526max-results%253D1%2526start%253D1%2526by-date%253Dfalse%0ARetours%3Dhttp%253A%252F%252Fclaudebussiere.blogspot.fr%252Fsearch%253Fupdated-max%253D2016-03-04T05%253A27%253A00-08%253A00%2526max-results%253D1%2526start%253D2%2526by-date%253Dfalse%0A"></script>


La deuxième partie, en HTML et CSS, est celle qu'il faut adapter.

Le code CSS :

<style type="text/css">.menu_msdwh_19{ text-align:center;background-image:url('http://services.supportduweb.com/menus-horizon/styles/images/fonttitre_19_1.png');font-family:tahoma;color:#ffffff;height:30px;}.cases_cent_msdwh_19{width:648px;margin:auto;}.mt1_msdwh_19 a, .mt2_msdwh_19 a{color:#ffffff;text-decoration:none;}.mt1_msdwh_19:hover a, .mt2_msdwh_19:hover a{}.mt1_msdwh_19{ display:block;background-image:url('http://services.supportduweb.com/menus-horizon/styles/images/fonttitre_19_2.png');height:26px;padding-left:2px;padding-right:2px;padding-top:4px;font-size:17px;cursor:pointer;margin:0px;width:156px;color:#ffffff;}.mt2_msdwh_19{ display:block;cursor:pointer;background-image:url('http://services.supportduweb.com/menus-horizon/styles/images/fontmn_19_1.png');width:121px;padding-left:35px;color:#000000;height:23px;padding-top:7px;font-size:13px;padding-right:2px;}.m1_msdwh_19.hover_msdwh_19 .mt1_msdwh_19{background-image:url('http://services.supportduweb.com/menus-horizon/styles/images/fonttitre_19_3.png');}.mt2_msdwh_19.hover_msdwh_19{background-image:url('http://services.supportduweb.com/menus-horizon/styles/images/fontmn_19_2.png');}.m1_msdwh_19{ float:left; margin:1px;margin:0px;}.m2_msdwh_19{ position:absolute; display:none;text-align:left;background-color:#f0f0f0;border:1px solid #bebebe;}.m1_msdwh_19.hover_msdwh_19 .m2_msdwh_19{ display:block;}.m1_msdwh_19.hover_msdwh_19{}.mt2_msdwh_19 a{ color:#000000;}</style> 



Le menu en HTML :

<div class="menu_msdwh_19">﷐   <div class="cases_cent_msdwh_19">    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/">Ciel absent</a></span>    </span>    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/search?updated-max=2016-03-04T05:34:00-08:00&max-results=1">Divertissements</a></span>    </span>    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/search?updated-max=2016-03-04T05:30:00-08:00&max-results=1&start=1&by-date=false">Aperçus</a></span>    </span>    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/search?updated-max=2016-03-04T05:27:00-08:00&max-results=1&start=2&by-date=false">Retours</a></span>    </span>   </div>  </div>



Il faut télécharger les images et les enregistrer sur ton blog :

http://services.supportduweb.com/menus-horizon/styles/images/fonttitre_19_1.png
http://services.supportduweb.com/menus-horizon/styles/images/fonttitre_19_2.png
http://services.supportduweb.com/menus-horizon/styles/images/fontmn_19_1.png
http://services.supportduweb.com/menus-horizon/styles/images/fonttitre_19_3.png
http://services.supportduweb.com/menus-horizon/styles/images/fontmn_19_2.png

Ensuite, il faut modifier le chemin des images dans le code CSS, mettre le dossier de stockage des images de ton blog :

nouveau_chemin/fonttitre_19_1.png
nouveau_chemin/fonttitre_19_2.png
nouveau_chemin/fontmn_19_1.png
nouveau_chemin/fonttitre_19_3.png
nouveau_chemin/fontmn_19_2.png
Commenter la réponse de Filorio
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Merci encore de te donner tant de mal pour m'aider.
Je vais essayer tout ça et te tiens au courant.
Bonne journée :)
dugenou
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048 -
J'ai fait un test sur mon blog : https://familypm.blogspot.com/
Commenter la réponse de Filorio
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Merciiiii, tu es un vrai magicien !
Après avoir pas mal galéré pour adapter ton menu HTML (je ne suis vraiment pas doué), il fonctionne enfin \o/ \o/ :

https://claudebussiereeveils.blogspot.com/

Il me reste encore deux petits soucis pour lesquels j'espère que tu auras encore la gentillesse de bien vouloir m'aider :

- Les textes ne sont pas centrés dans les onglets du menu ( je n'ai rien trouvé pour arranger ça)
- Un point d’interrogation apparait à gauche du menu et je n'ai pas trouvé d'où il pouvait venir ??

Aurais-tu des idées pour résoudre ça ? Après, c'est promis je te laisse tranquille ....enfin, j'espère ! :-)
Commenter la réponse de Filorio
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048
0
Merci
Bonsoir,

Le point d'interrogation se trouve dans ton code :

<div class="menu_msdwh_19">﷐?   <div class="cases_cent_msdwh_19">    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="https://claudebussiereeveils.blogspot.com/p/attentes.html">Attentes </a></span>    </span>    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="https://claudebussiereeveils.blogspot.com/p/figures.html">Figures</a></span>    </span>    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="https://claudebussiereeveils.blogspot.com/p/parenthe.html">Parenthèses</a></span>    </span>    <span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="https://claudebussiereeveils.blogspot.com/p/envolees.html">Envolées</a></span>    </span>   </div>  </div>


C'est peut-être lui qui pose problème, car le reste de ton code semble bon.

PS : Je ne suis pas très disponible en ce moment, j'ai mes petits enfants en vacances chez moi.

Commenter la réponse de dugenou
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Oui, c'était bien cela ....et bien sûr, je n'avais rien vu !
Si tu as un peu de temps plus tard et que tu as une solution pour centrer les textes du menu, elle sera la bienvenue.
En attendant profite bien de tes petits enfants, c'est le plus important.
Je te remercie très sincérement encore mille fois ton aide précieuse et vraiment sympa.
Commenter la réponse de Filorio
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048
0
Merci
Bonjour,

Le problème vient de la <div> et de la class qui ne s'appliquent pas.

Tu as mal inséré le code CSS, tu l'as placé avant la balise de fermeture --></style> d'un autre code CSS :

<style type="text/css">.menu_msdwh_19{ text-align:center;background-image:url('https://lh3.googleusercontent.com/proxy/Oo8jb0UTlEryoyiL_M797VZeIuAbYRLOcfPTO-U1bSzLKz2LlXOmFx-ojPYEE7SSA3xrycRlbOcItzed0JCMRamfKc8SVcDdYqaC2z3rT2XTX3MKyKqN6Lt-rtinmCkoyxOz=s0-d');font-family:tahoma;color:#ffffff;height:30px;}.cases_cent_msdwh_19{width:648px;margin:auto;}.mt1_msdwh_19 a, .mt2_msdwh_19 a{color:#ffffff;text-decoration:none;}.mt1_msdwh_19:hover a, .mt2_msdwh_19:hover a{}.mt1_msdwh_19{ display:block;background-image:url('https://lh5.googleusercontent.com/proxy/E7nr_fRG52ovjiRgdo4NqiNDUI6NR7enVVyxLPp6PxH2W-9J8Z_Wskv7hx6UXlYLujCF7Kq1ljS4fAMFpZTeu594FsN49xnZqkQGpS4PWONyPv4rHUXE3FNgaAgxbj4D1E6s=s0-d');height:26px;padding-left:2px;padding-right:2px;padding-top:4px;font-size:17px;cursor:pointer;margin:0px;width:156px;color:#ffffff;}.mt2_msdwh_19{ display:block;cursor:pointer;background-image:url('https://lh5.googleusercontent.com/proxy/ZW8Mi8llnpOmwZbz4LZckMTvNwndQJeQ2vUo1--5exNtv2OyY2pz02wUEOIUR0bQ_Z7b-Tu5PpXT9cZOFp7BilQRL6TFdzwcN9_Mqbp4ayvdjUQYRLqg1qWZleGIqkdY=s0-d');width:121px;padding-left:35px;color:#000000;height:23px;padding-top:7px;font-size:13px;padding-right:2px;}.m1_msdwh_19.hover_msdwh_19 .mt1_msdwh_19{background-image:url('https://lh6.googleusercontent.com/proxy/j8wCoCx8WeKBu4j4jy-HEOZbZqmdgjAg05o3Q0lblx-LNFKhhc1GAvdL7hHG5x2SeAxhKLdCGXS9O5cp_rqjzuJMoF9hlWGgsQ8pFNIiN34gw7DdA2LRjxR2ffOstY7RzD0P=s0-d');}.mt2_msdwh_19.hover_msdwh_19{background-image:url('https://lh6.googleusercontent.com/proxy/gnm8ykPqeiKZ_Ti780prkhLydu6UKcQHdcDr8ZInRzcgbMGV9DJdWlHSbVz0dXDkj-wpSmgvcr_GHmlLVSTNJA9JVK-X2f5du1-HO-7KHnD978R_gOiO05z00RH_9tr2=s0-d');}.m1_msdwh_19{ float:left; margin:1px;margin:0px;}.m2_msdwh_19{ position:absolute; display:none;text-align:left;background-color:#f0f0f0;border:1px solid #bebebe;}.m1_msdwh_19.hover_msdwh_19 .m2_msdwh_19{ display:block;}.m1_msdwh_19.hover_msdwh_19{}.mt2_msdwh_19 a{ color:#000000;}</style>
--></style>



Sinon, tu peux pratiquer comme sur mon blog, j'utilise le Widget HTML/JavaScript dans lequel j'insère directement le CSS et le HTML :

<style type="text/css">.menu_msdwh_19{ text-align:center;background-image:url('https://1.bp.blogspot.com/-LdKJTNczk9U/XU5kVbEGpFI/AAAAAAAAALI/iDvmlo83G386rZkSjB4VYoxaBnyhmWRNgCLcBGAs/s1600/fonttitre_19_1.png');font-family:tahoma;color:#ffffff;height:30px;}.cases_cent_msdwh_19{width:648px;margin:auto;}.mt1_msdwh_19 a, .mt2_msdwh_19 a{color:#ffffff;text-decoration:none;}.mt1_msdwh_19:hover a, .mt2_msdwh_19:hover a{}.mt1_msdwh_19{ display:block;background-image:url('https://1.bp.blogspot.com/-LdKJTNczk9U/XU5kVbEGpFI/AAAAAAAAALI/iDvmlo83G386rZkSjB4VYoxaBnyhmWRNgCLcBGAs/s1600/fonttitre_19_2.png');height:26px;padding-left:2px;padding-right:2px;padding-top:4px;font-size:17px;cursor:pointer;margin:0px;width:156px;color:#ffffff;}.mt2_msdwh_19{ display:block;cursor:pointer;background-image:url('https://1.bp.blogspot.com/-LdKJTNczk9U/XU5kVbEGpFI/AAAAAAAAALI/iDvmlo83G386rZkSjB4VYoxaBnyhmWRNgCLcBGAs/s1600/fontmn_19_1.png');width:121px;padding-left:35px;color:#000000;height:23px;padding-top:7px;font-size:13px;padding-right:2px;}.m1_msdwh_19.hover_msdwh_19 .mt1_msdwh_19{background-image:url('https://1.bp.blogspot.com/-LdKJTNczk9U/XU5kVbEGpFI/AAAAAAAAALI/iDvmlo83G386rZkSjB4VYoxaBnyhmWRNgCLcBGAs/s1600/fonttitre_19_3.png');}.mt2_msdwh_19.hover_msdwh_19{background-image:url('https://1.bp.blogspot.com/-LdKJTNczk9U/XU5kVbEGpFI/AAAAAAAAALI/iDvmlo83G386rZkSjB4VYoxaBnyhmWRNgCLcBGAs/s1600/fontmn_19_2.png');}.m1_msdwh_19{ float:left; margin:1px;margin:0px;}.m2_msdwh_19{ position:absolute; display:none;text-align:left;background-color:#f0f0f0;border:1px solid #bebebe;}.m1_msdwh_19.hover_msdwh_19 .m2_msdwh_19{ display:block;}.m1_msdwh_19.hover_msdwh_19{}.mt2_msdwh_19 a{ color:#000000;}</style> 


<div class="menu_msdwh_19"><div class="cases_cent_msdwh_19">    <span class="m1_msdwh_19"><span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/">Ciel absent</a></span></span><span class="m1_msdwh_19"><span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/search?updated-max=2016-03-04T05:34:00-08:00&max-results=1">Divertissements</a></span></span> <span class="m1_msdwh_19"><span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/search?updated-max=2016-03-04T05:30:00-08:00&max-results=1&start=1&by-date=false">Aperçus</a></span></span><span class="m1_msdwh_19">     <span class="mt1_msdwh_19"><a href="http://claudebussiere.blogspot.fr/search?updated-max=2016-03-04T05:27:00-08:00&max-results=1&start=2&by-date=false">Retours</a></span></span></div> </div>

Commenter la réponse de dugenou
Messages postés
9
Date d'inscription
samedi 2 mars 2019
Statut
Membre
Dernière intervention
11 août 2019
0
Merci
Génial !
Afin de ne pas faire de nouvelles bêtises, j'ai utilisé un Widget HTML/JavaScript, et tout est parfait.
Grâce à toi, je pourrai finaliser ce blog avant l'anniversaire de mon père (91 ans), qui est l'auteur du contenu et je sais que cela lui fera plaisir.
Je te remercie une fois de plus énormément pour ta gentillesse, et te souhaite un excellent dimanche en famille.
dugenou
Messages postés
5574
Date d'inscription
mercredi 19 janvier 2005
Statut
Contributeur
Dernière intervention
21 août 2019
1048 -
Très bien ! Je supprime le menu test sur mon blog. Bon dimanche également.
Commenter la réponse de Filorio