Insertion de fichiers Javascript
4 participants
Page 1 sur 1
Insertion de fichiers Javascript
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?
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?
Re: Insertion de fichiers Javascript
Pourquoi n'insérez-vous pas directement vos codes Javascript dans "Modifier le Head" ?
Re: Insertion de fichiers Javascript
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...
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...
Re: Insertion de fichiers Javascript
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 ?
Re: Insertion de fichiers Javascript
<style type="text/css">
/*<![CDATA[*/
ICI VOTRE CODE...
/*]]>*/
</style>
EDIT / NON. Pas pour du JavaScript !!!
/*<![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
Re: Insertion de fichiers Javascript
Une balise javascript à l'intérieur d'une balise CSS? C'est normal? Ou peut-être que je comprends mal le CDATA...
Re: Insertion de fichiers Javascript
Quoiqu'il en soit, j'ai essayé votre solution, et malheureusement cela ne fonctionne pas...
Re: Insertion de fichiers Javascript
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
Et moi, je vais me coucher !
Nous avons des experts assez calés en Javascript, ici. Ils seront présents demain, ils vous aideront
Et moi, je vais me coucher !
Re: Insertion de fichiers Javascript
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é...
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é...
Re: Insertion de fichiers Javascript
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.
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.
Re: Insertion de fichiers Javascript
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 :
- 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>
Re: Insertion de fichiers Javascript
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 ?
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 ?
Re: Insertion de fichiers Javascript
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.
Ce post (très ancien…) était justement là pour expliquer qu'il existe diverses méthodes destinées à des résultats différents.
Re: Insertion de fichiers Javascript
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 ?
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 ?
Re: Insertion de fichiers Javascript
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 :
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".
Cette écriture est correcte :
- Code:
<script type="text/javascript">
/* <![CDATA[ */
[ici, la ou les fonctions]
/* ]]> */
</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
Re: Insertion de fichiers Javascript
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
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
Re: Insertion de fichiers Javascript
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à.
Jimdo n'accepte que du https
…
peut-être votre problème vient simplement de là.
Re: Insertion de fichiers Javascript
Merci, mais je n'avais tout simplement pas reporté la correction dans le post.
Bonne soirée.
Bonne soirée.
Sujets similaires
» code widget en javascript qui ne s'affiche pas
» fichier javascript / jquery et Dropbox pour Carte interactive
» Où sont stockés les fichiers ?
» Bouton Joindre des fichiers
» Hébergement de fichiers à pour téléchargements
» fichier javascript / jquery et Dropbox pour Carte interactive
» Où sont stockés les fichiers ?
» Bouton Joindre des fichiers
» Hébergement de fichiers à pour téléchargements
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|