Communauté francophone - Jimdo
Bienvenue sur le nouveau forum de discussion officiel de la communauté francophone des utilisateurs de Jimdo.

Ce forum annule et remplace le précédent forum Jimdo, qui a malheureusement dû être fermé pour raisons techniques.

Vous avez un ou plusieurs sites Jimdo ? Enregistrez vous sur le forum, posez vos questions et prenez part aux discussions !

Vous êtes simple visiteur ? Vous pouvez consulter nos pages, mais vous ne pourrez pas laisser de message.

Insertion de fichiers Javascript

Aller en bas

Insertion de fichiers Javascript

Message par Jonathan Lauzon le Jeu 1 Oct 2015 - 21:48

Bonjour à tous,

J'essaie d'inclure du code javascript de mon cru dans un template Jimdo pour la première fois. Pour ce faire, je suis allé dans la section des fichiers du site, où j'ai lu: « À cet endroit vous pouvez aussi télécharger votre propre Javascript (*.js) - ceci sera automatiquement ajouté à votre entête de document Head. Vous pouvez aussi éditer manuellement l'entête de document Head sous "Paramètres">"Entête de document Head". »

L'ennui, c'est que voilà, bien que j'aie téléversé mon fichier .js, il n'y a aucune action qui s'opère lorsque je visite le site, comme si le header n'avait pas pris le fichier en compte.

Le contenu de mon fichier .js: « alert("Le fichier javascript est bel et bien chargé!"); »

Or, lorsque je visite mon site, il n'y a pas d'alerte. Et lorsque je regarde dans la console, je ne trouve pas d'erreur. En fait, je ne vois même pas mon fichier .js dans la pile d'exécution du site Web.

Y en aurait-il parmi vous qui auraient réussi à insérer leurs propres fichiers javascript à leur template? Comment avez-vous fait? Avez-vous dû modifier votre Head vous-même?
avatar
Jonathan Lauzon

Messages : 8
Date d'inscription : 30/07/2015

http://redemptivemedia.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Solie le Jeu 1 Oct 2015 - 22:12

Pourquoi n'insérez-vous pas directement vos codes Javascript dans "Modifier le Head" ?
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Jonathan Lauzon le Jeu 1 Oct 2015 - 22:24

Parce que selon les tutoriels jimdo, cette étape n'est pas nécessaire et le head se modifierait automatiquement pour inclure les fichiers javascript.

En revanche, j'ai finalement essayé en modifiant le head (en y ajoutant « <script type="text/javascript" src="josue.js"></script> ») et cela n'a pas fonctionné davantage.

J'ai même essayé dans un élément Widget/HTML, mais sans succès.

Et pour couronner mes échecs, j'ai également tenté d'inclure une image en code (« <img src="header.jpg" alt="header"/> »), mais que nenni! (le Alt s'affiche)

Est-ce le chemin vers les fichiers qui n'est pas bon? Pourtant, toujours en me fiant à la documentation jimdo, les fichiers importés (images, javascript, etc.) sont censés se trouver à la racine du site...
avatar
Jonathan Lauzon

Messages : 8
Date d'inscription : 30/07/2015

http://redemptivemedia.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Solie le Jeu 1 Oct 2015 - 22:28

Jonathan Lauzon a écrit:
j'ai finalement essayé en modifiant le head (en y ajoutant « <script type="text/javascript" src="josue.js"></script> ») et cela n'a pas fonctionné davantage.

Avec les balises ?
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Jonathan Lauzon le Jeu 1 Oct 2015 - 22:39

Heu.... Plaît-il? Quelles balises?
avatar
Jonathan Lauzon

Messages : 8
Date d'inscription : 30/07/2015

http://redemptivemedia.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Solie le Jeu 1 Oct 2015 - 22:41

<style type="text/css">
/*<![CDATA[*/

ICI VOTRE CODE...

/*]]>*/
</style>

EDIT / NON. Pas pour du JavaScript !!!


Dernière édition par Solie le Jeu 1 Oct 2015 - 23:02, édité 1 fois
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Jonathan Lauzon le Jeu 1 Oct 2015 - 22:42

Une balise javascript à l'intérieur d'une balise CSS? C'est normal? Ou peut-être que je comprends mal le CDATA...
avatar
Jonathan Lauzon

Messages : 8
Date d'inscription : 30/07/2015

http://redemptivemedia.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Jonathan Lauzon le Jeu 1 Oct 2015 - 22:47

Quoiqu'il en soit, j'ai essayé votre solution, et malheureusement cela ne fonctionne pas... Sad
avatar
Jonathan Lauzon

Messages : 8
Date d'inscription : 30/07/2015

http://redemptivemedia.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Solie le Jeu 1 Oct 2015 - 23:00

Embarassed Non, n'essayez pas ! Je suis fatiguée ce soir, j'écris n'importe quoi. Votre code ou vos fichiers doivent comporter des erreurs.

Nous avons des experts assez calés en Javascript, ici. Ils seront présents demain, ils vous aideront Wink

Et moi, je vais me coucher !
avatar
Solie

Messages : 513
Date d'inscription : 06/05/2015

http://www.voixoff.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Jonathan Lauzon le Ven 2 Oct 2015 - 0:02

Ah, tiens, mon problème est (à moitié) réglé.

Il y avait un bug. Quand je cliquais sur « Enregistrer », mon code ne se mettait pas à jour. Jusqu'à ce que je refreshe la page, que je recommence toutes mes manipulations et que je réenregistre. Là, ça a marché!

Cependant il me reste une question. Comment puis-je faire pour que mon code utilise jQuery? J'ai bien essayé de télécharger le fichier jquery-1-11-3.min.js en espérant qu'il s'inclue de lui-même dans le head, mais cela n'a pas fonctionné...
avatar
Jonathan Lauzon

Messages : 8
Date d'inscription : 30/07/2015

http://redemptivemedia.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par FredVig le Ven 2 Oct 2015 - 12:19

Vous faisiez la bonne manip. mais il faut trouver la bibliothèque qui fonctionne sur le template. jimdo fait appel aussi à javascript, et certaines versions de javascript, jquery (…) entrent ne conflit, il me semble.
Par ailleurs, les chemins d'accès doivent être absolus aussi. Dans certains cas, le chemin peut être court-circuité a posteriori. Par exemple, si vous voulez utiliser un code hébergé chez un internaute, celui-ci peut empêcher cet accès s'il le juge abusif.
Solie avait raison pour les balises, mais, dans le Head, elles se génèrent automatiquement, (si le code et bon). inutile de les rajouter.
Il vaut mieux regrouper le plus possible les codes javascript pour une meilleure rapidité, et éviter (par exemple) de déclarer des variables de même nom.
Enfin, l'ordre des codes javascript importe également.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 2124
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par FredVig le Ven 2 Oct 2015 - 12:29

Notez qu'il faut bien différencier deux situations :
- la modification d'un site par le "Design personnalisé" (ce qui semble être le cas de Jonathan)
- La modification de template par "Modifier le Head" (ce que suggère Solie)
Dans ce dernier cas, voilà un exemple d'écriture pour insérer du javascript dans le "modifier le Head" : à placer en tête des modifications, avant les modifications de css :
Code:
<script type="text/javascript" src="http://code.jquery.com/jquery-1.9.1.js">
</script>
<script type="text/javascript" language="javascript" src="http://ADRESSE_DE_MON_CODE_JAVASCRIPT.js">
</script>
<script type="text/javascript" language="javascript">
//<![CDATA[
                      $(function() {
                                /*MON SUPER CODE */
                        });
//]]>
</script>

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 2124
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par jaso le Mer 31 Jan 2018 - 10:50

Bonjour
Je ne comprends pas à quoi correspond cet appel:
src="http://ADRESSE_DE_MON_CODE_JAVASCRIPT.js"

puisqu'ensuite on place son code dans la partie "votre super code".

Est-ce une alternative car l'on peut mettre son code effectivement entre 2 "Script".

Merci de votre réponse: je piétine n'arrivant pas à insérer un bout de code java dans le Head.
La page "jimdo fait apparaitre de plus le CSS avant le JS.
Qu'en est-il ?

jaso

Messages : 22
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par FredVig le Mer 31 Jan 2018 - 11:11

Il nous faut plus d'informations :quel type de code, pour quoi faire, sur quelle page ?
Ce post (très ancien…) était justement là pour expliquer qu'il existe diverses méthodes destinées à des résultats différents.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 2124
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par jaso le Mer 31 Jan 2018 - 11:37

La réactivité ? Super !
Design Copenhague: je bafouille dans "modifier le head" puisqu'il me faut y introduire une fonction faisant appel à js et du style en css.
Par ailleurs, dans le widget j'ai un bout HTML (type dropdown)
Je voudrai insérer dans une page de mon site un bout de code js : pour cela j'ai déclaré en entête du Head le fichier
http://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js.
Pas sûr que ce soit nécessaire d'ailleurs.
Le style est bien imposé à la structure du widget mais aucune réaction correspondant aux commandes du js.
Où est l'erreur ?

jaso

Messages : 22
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par FredVig le Mer 31 Jan 2018 - 15:07

Pour insérer une fonction javascript, insérez un module "Widget / HTML" et collez la fonction à l'intérieur, encadrée des balises habituelles, dans la sidebar si c'est pour tout le site, en haut du contenu principal si c'est pour une page précise.
Cette écriture est correcte :
Code:
<script type="text/javascript">
/* <![CDATA[ */
[ici, la ou les fonctions]
/* ]]> */
</script>)
Si la fonction fait appel à une bibliothèque jquery ou autre, ajoutez son lien absolu (commençant par https://) en vérifiant que l'auteur l'autorise, dans le "modifier le head" . Encadrez des balises  correspondantes : <script type="text/javascript" src="https://(adresse de la bibliothèque jquery)"></script>.
Il est souvent possible d'appeler cette bibliothèque (même écriture que précédement) depuis le widget où est inscrit la fonction javascript, en premier dans le module.
Les éventuelles css associées au script doivent être ajoutées dans modifier le head, soit en code entre les balises <style> </style>, soit, si c'est une feuille de style externe, par un lien :<link rel="stylesheet" href="https://… (adresse de la css)" type="text/css" title="(un nom pour la css)" />
Note : les adresses en http, non sécurisées (https), ne fonctionnent pas sur Jimdo.
En design personnalisé, d'autres méthodes sont possibles, mais le fait d'utiliser le design personnalisé implique de connaître ces techniques, donc, inutile d'en parler ici.
Pour le contenu de votre demande, malheureusement, je ne la comprends pas. Chaque code que vous trouverez sur Internet inclus des protocoles différents. Bien que les techniques soient toujours plus ou moins les mêmes, sans plus d'information… impossible de vous dire pourquoi "ça ne fonctionne pas".


Dernière édition par FredVig le Mer 31 Jan 2018 - 16:14, édité 2 fois

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 2124
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par jaso le Mer 31 Jan 2018 - 15:17

Votre réponse a le mérite d'être claire: je ne sais si elle résoudra mon problème mais elle éclaircit mon horizon.
Côté Bibliothèques, je pensais qu'on faisait appel à des ressources non propriétaires.
Un voile d'ombre qui reste malgré tout.
Merci de votre disponibilité
Jaso

jaso

Messages : 22
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par FredVig le Mer 31 Jan 2018 - 16:10

Je n'avais pas noté : votre lien jquery est en http.
Jimdo n'accepte que du https

peut-être votre problème vient simplement de là.

_________________
'Expert' Jimdo affilié, bénévole du forum et indépendant rémunéré par mes clients.
avatar
FredVig

Messages : 2124
Date d'inscription : 07/10/2014

http://fredvig.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par jaso le Mer 31 Jan 2018 - 16:14

Merci, mais je n'avais tout simplement pas reporté la correction dans le post.
Bonne soirée.

jaso

Messages : 22
Date d'inscription : 31/10/2017

http://test-arcadiere.jimdo.com

Revenir en haut Aller en bas

Re: Insertion de fichiers Javascript

Message par Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut

- Sujets similaires

 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum