[RÉGLÉ] Intégrer code js

[identifiantdejapris]

Bonjour,

Développeur web non habitué des CMS, je découvre Joomla! . J'ai fait un site et j'aimerais y intégrer un script JS de ma fabrication.
Ce script s'utilise simplement : js et css appelés dans un .html avec les bonnes balises pour être reconnu (le script agit sur les balises <form> par exemple).
Bref, je souhaite utiliser ce script... mais j'avoue être un peu perdu. Comment le mettre en place avec Joomla?
Et si je le mets, comment je l'appelle dans un article?

Merci d'avance!

[cavo789]

Re : Intégrer code js

Bonsoir

Tu peux intégrer tes fichiers de différentes façons dont par l'utilisation d'un plugin de Cédric Keiflin : http://www.joomlack.fr/en/component/.../42-loadtag-gc

Bonne nuit

[PieceOfCake]

Re : Intégrer code js

Bonjour,

Et si je le mets, comment je l'appelle dans un article?

Joomla 3+ intègre d'office jQuery au chargement, le plus simple est si tu as écris et chargé un fichier .js via le composant proposé par Christophe ci-dessus ou s'il ne fonctionne pas (il est marqué Joomla 2.5 et j'avoue ne l'avoir jamais essayé) avec celui de nonumber (également gratuit) : http://www.nonumber.nl/extensions/sourcerer, le plus simple disais je est d'utiliser ensuite la gestion d’événement de jQuery et de déclencher des appels du type :

$( "#DOMobjectID" ).on( "event", "DOM element", function() {
alert( $( this ).text() );
});

code jQuery que tu intègres également dans ce fichier .js que tu insères dans ta page

[lefabdu51]

Re : Intégrer code js

et une troisieme solution, tu peut l integrer directement entre les balise head du fichier index.php du template.

[ghazal]

Re : Intégrer code js

Salut,
@POC
il fonctionne très bien sous joomla 3 notre plugin loadtag_gc
Testé aussi sur les versions dev de j!3.4
@cavo
merci de la pub

@identifiantdejapris
Utilisation possible :
* Activer le plugin
* créer un dossier loadtag dans "media"
* y placer un fichier test.js
* dans un article, appeler ce fichier via ce path (toujours p/r la racine du site):
{tag}media/loadtag/test.js{/tag}
Idem pour les CSS.
NB : attention aux styles CSS, il ne faut pas qu'ils reprennent des nommages de sélecteurs propres à Joomla ou au template ou génériques, type "container", "wrap", etc.
Même chose pour les balises type h1, input, p, etc ...

@lefabdu51

et une troisieme solution, tu peut l integrer directement entre les balise head du fichier index.php du template.

Parfaitement légitime si le JS est nécessaire sur tout le site.
On a travaillé sur Loadtag GC précisément pour éviter ça. Loadtag GC permet de ne charger les fichiers JS/CSS que si l'on en a besoin sur une ou plusieurs pages.

[identifiantdejapris]

Re : Intégrer code js

Parfait, vous m'avez fourni les éléments que je souhaitais!

Merci à vous!

[identifiantdejapris]

Re : Intégrer code js

En fait, je me suis réjouis un peu rapidement... Je ne suis pas parvenu à appliquer un script avec Loadtag GC.
Voici ce que j'ai fait :

• Activation du module
• J'ai placé un script de test qui doit augmenter la police d'un texte ici : joomlatest/media/loadtag/test.js
• Ensuite j'ai mis dans mon article {tag}joomlatest/media/loadtag/test.js{/tag}
• Après, édition du code source pour y mettre le test HTML

J'ai surement fait quelque chose de travers parce que ça ne fonctionne pas... :s

Voici le contenu du code source de l'article :

<p>{tag}joomla30/media/loadtag/test.js{/tag}</p>
<table align="center">
<tbody>
<tr>
<td align="center">Taille du texte : <a>7</a> <a>10</a> <a>16</a> <a>24</a></td>
</tr>
<tr>
<td align="center">
<div id="texte" style="font-weight: bold; font-size: 10px;">Voici le texte</div>
</td>
</tr>
</tbody>
</table>

ça fonctionne dans un html tout simple avec l'appel du js, donc le script fonctionne. Mais pas dans l'article et les balises <p> s'ajoutent automatiquement autour des {tag}{/tag}

[PieceOfCake]

Re : Intégrer code js

@ghazal :

Salut,
@POC
il fonctionne très bien sous joomla 3 notre plugin loadtag_gc
Testé aussi sur les versions dev de j!3.4

Je l'ai téléchargé ce matin pour vérifier, je ne connaissais pas ce script qui n'est pas accessible via les menus, sauf en cliquant sur Download the files > Divers. Y a pas à dire faut être (Saint) Christophe pour retrouver un lien perdu pareil !

@identifiantdejapris : à mon avis ton code tel qu'il est ne peut pas fonctionner, les balises <a> étant certes cliquable, mais sans aucun lien ni action. Sauf si tu as placé du code javascript dans test.js pour réagir sur un événement clic d'une balise <A> sans identifiant, sans classe (ce qui me semble légèrement dangereux)

[identifiantdejapris]

Re : Intégrer code js

Oui le script doit faire changer de taille la police. C'est pas très propre mais ça fonctionne, c'est un simple test.
Je n'arrive simplement pas à l'intégrer dans un article.

[identifiantdejapris]

Re : Intégrer code js

Ah oui effectivement, je n'avais pas fait attention mais lorsque je sauvegarde l'article, ça m'enlève cette partie :

<a href="javascript:changetaille(7);">7</a>

Pour ne garder que :

<a>7</a>

[ghazal]

Re : Intégrer code js

{tag}joomla30/media/loadtag/test.js{/tag}

Ton chemin est incorrect, il faut partir de LA RACINE DU SITE :
{tag}media/loadtag/test.js{/tag}

[ghazal]

Re : Intégrer code js

Pour intégrer ceci :

<a href="javascript:changetaille(7);">7</a>

il faut changer d'éditeur, essaie avec CodeMirror, parce qu'il est non-WYSYWYG
ou mon favori, RokPad :

http://extensions.joomla.org/extensions/edition/editors/9427

[identifiantdejapris]

Re : Intégrer code js

Justement j'ai essayé aussi mais ça n'a pas fonctionné, d'où le changement de chemin.
Mon arborescence est la suivante :
localhost

-joomla30

-media

-dossier interne joomla!

-deuxiemeSite
-troisiemeSite
-etc...

C'est juste pour ça que j'ai tenté un autre chemin. Mais après un nouveau test, le problème persiste.

[identifiantdejapris]

Re : Intégrer code js

il faut changer d'éditeur, essaie avec CodeMirror, parce qu'il est non-WYSYWYG
ou mon favori, RokPad

Excellent! Tout fonctionne maintenant!
J'ai choisi RokPad et je me sens tout de suite plus à l'aise... Merci du coup de main!

[ghazal]

Re : Intégrer code js

J'ai choisi RokPad et je me sens tout de suite plus à l'aise

ouaip! Il y a des moments où un éditeur WYSYWYG, c'est gavant, trop de restrictions ou de réglages.