Comment insérer des fichiers css et javascript sur une seule page de mon site ?

**boucdur** · 03/02/2016, 18h01

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Ok ok mais quand même tu dois écrire tes styles css entre des balises <style></style> et les js entre des balise <script></script>
on ne peut pas faire d'appel à des fichiers dans un module il me semble.

Jusque là la meilleure solution pour moi ça à l'air d'être cette extension Loadtag.
Je vous remercie PhilJ et webcrea. Webcrea j'ai testé ce que tu me disais et vraiment je n'ai pas réussi. De toute façon j'ai compris que ça insererais les script juste après
<head>
<jdoc:include type="head" />
donc finalement autant utiliser le plugin Loadtag qui fait ça aussi.

Oui cavo, c'est bien loadtag le plugin dont tu parlais. Il n'est pas accessible directement sur son site c'ets bizare. Mais il m'a donné le lien.
Merci de l'info je n'aurais jamais pu le trouver par moi-même.

**PhilJ** · 03/02/2016, 18h18

Envoyé par boucdur Voir le message

[...] par soucis de clareté, de bonne organisation et de simplicité j'aime ça que ce soit dans le head à l'endoit ou je veux et en appel au fichier plutôt que d'écrire le code directement dans la page.

J'ai trouvé deux extension pas trop mal pour ce que je veux |...] Ceci dit dans les deux cas [...] les js et css sont insérés juste après les fichiers de head de joomla <jdoc:include type="head" /> alrs que dans l'idéal ils seraient insérés juste avant la fermeture de la balise </head>.

Solution oubliée : le petit plugin 'JS by ItemID' (http://craziation.com/index.php/joomla/js-by-itemid), est capable d'insérer les fichiers .JS sur les pages de votre choix dans la section <head>.

Cette extension n'est pas récente mais fonctionne parfaitement, quelle que soit la version de Joomla.

Pour les CSS : comme déjà indiqué, les .CSS peuvent très bien être appelés depuis un module custom, et cette méthode fonctionne sans aucun souci.

Alternativement, vous avez même un module spécialisé, 'HD custom CSS' (http://extensions.joomla.org/extensi...ing/custom-css) qui fait cela et ne sait faire que cela.

Enfin, mais non testée, l'extension 'Custom HTML advanced' (http://www.pluginaria.com/custom-html-advanced.html), qui semble capable d'injecter des .CSS et des .JS dans le <head>, elle aussi de façon sélective. => A vérifier...

**PhilJ** · 03/02/2016, 18h22

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Envoyé par boucdur Voir le message

Ok ok mais quand même tu dois écrire tes styles css entre des balises <style></style> et les js entre des balise <script></script>
on ne peut pas faire d'appel à des fichiers dans un module il me semble.

Si si, aucun souci (il suffit de configurer l'éditeur pour qu'il ne refuse pas les balises <style> et <script>)

.

**boucdur** · 03/02/2016, 18h30

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

well well ça me fait un paquet de machins à expérimenter pour trouver ce qui ma va bien.
Merci PhilJ

**ced1870** · 03/02/2016, 19h16

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

salut, c'est ça qu'on cherche ?

http://www.joomlack.fr/telecharger-extensions-joomla/view_document/42-loadtag-gc

CEd

**cavo789** · 03/02/2016, 19h33

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Envoyé par ced1870 Voir le message

salut, c'est ça qu'on cherche ?

http://www.joomlack.fr/telecharger-extensions-joomla/view_document/42-loadtag-gc

CEd

Oh ? La cavalerie arrive quand les indiens sont partis.

**PhilJ** · 03/02/2016, 19h41

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Envoyé par boucdur Voir le message

well well ça me fait un paquet de machins à expérimenter pour trouver ce qui ma va bien.
Merci PhilJ

On n'a rien sans rien, ni réciproquement

.

**PhilJ** · 03/02/2016, 19h43

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Envoyé par ced1870 Voir le message

salut, c'est ça qu'on cherche ?

http://www.joomlack.fr/telecharger-extensions-joomla/view_document/42-loadtag-gc

CEd

Compatible J! 3.x ? Et injecte dans la tête... je veux dire le <head> ?

**boucdur** · 04/02/2016, 01h14

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

oui héhé, marrant. C'est sur que j'ai eu du mal à trouver ton plugin. c'est grace à Christophe.
Avant j'utilisais le module multimoo aujourd'hui multijscss de ghazal qui est moins pratique. J'ai pas trouvé mieux que ton plugin encore. Une fusion entre les deux pourrait être pas mal. Je préfère le principe des modules que de l'inclusion de code dans les articles.
On ne pourrait pas de demander à un client de faire ça.

Je comprend pas qu'il n'y ai que moi qui me pose cette question. Ca me semble indispensable de faire ça dans tout site un petit peu gros et dont les pages sont légèrement différentes. Comment font les autres ?

**boucdur** · 04/02/2016, 01h16

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

oui paf dans le head tout à fait. Faut écrire une ligne de code dans le corps de l'article et magie...le script ou le css apparait dans le head au chargement de la page

**Solehl** · 04/02/2016, 10h19

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Bonjour à tous,

quelque peut newbee, je m'avancerais en disant qu'il est possible de changer de style de template dans les liens de menu qui pointent sur les pages plus complexes, ce qui permet d'accéder à un index.php plus complet,
ou de surcharger le template existant via le dossier html de celui-ci.

Bonne journée !

**ced1870** · 04/02/2016, 17h43

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Compatible J! 3.x ? Et injecte dans la tête... je veux dire le <head> ?

ben oui ... pourquoi pas ?

Avant j'utilisais le module multimoo aujourd'hui multijscss de ghazal

j'ai justement développé loadtag GC avec Ghazal ! GC = Ghazal Cédric

Je préfère le principe des modules que de l'inclusion de code dans les articles.

un module de contenu HTML avec le code et dans les options "plugins de contenu = oui"

CEd

**ghazal** · 05/02/2016, 13h29

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Coucou tout le monde,

@ced1870
que de chemin parcouru depuis loadtagGC ...

@boucdur
j'ai conçu le module multijscss dans l'optique d'intégrer des scripts JS assortis de leurs CSS, et de l'html correspondant dans Joomla avec ces présupposés :
* les utilisateurs ont un minimum de connaissance de JavaScript
* les scripts js et css (que je cible) n'ont RIEN A VOIR avec joomla, donc le positionnement des fichiers CSS dans l'ordre de la <head> ne devraient avoir aucune importance.
Je conseille d'ailleurs de changer les noms des classes et id pour que cela n'interfère pas avec ceux de joomla
genre .container, un nom de class courant.
PS : si ces noms sont changés, ils doivent être modifiés aussi dans le/les script JS correspondant
PS 2 : le maximum que j'ai pu faire pour les fichiers JS et CSS soient localisés correctement dans la head a été d'utiliser :
JHtml::_('jquery.framework');
JHtml::_('bootstrap.framework');
sans rajouter de code supplémentaire.
Et afin que les scripts JS jQuery-dépendant se positionnent après l'appel à jQuery.
Le script JS doit également être modifié pour être interprété correctement par Joomla.

Ceci étant une réponse à (et qui peut s'appliquer à mod_multijscss) :

En clair, si j'utilise le plugin Loadtag GC pour insérer une feuille style spécifique à une page en particulier la feuille de style sera chargée avant la feuille de style principale de mon site. Les style de la feuille de style spécifique de la page ne prendront donc pas le dessus sur les styles généraux du site. Ca c'est pas idéal.

* localiser les fichiers JS et CSS dans le dossier /media/, méthode recommandée aujourd'hui

Autre chose:
si l'on souhaite qu'un script JS s'applique à un composant (com_content ou autre) ou un module-> OVERRIDE
dans, par exemple, templates/montemplate/html/com_search/search/default.php

La syntaxe correcte est :
JHtml::_('stylesheet', 'truc/macss.css', false, true);
JHtml::_('script', 'truc/monpremierscript.js', false, true);
JHtml::_('script', 'truc/mondeuxiemescript.js', false, true);

On aura alors créé un dossier /truc/ dans /media/, avec, dedans, un dossier /css/, un dossier /images/, un dossier /js/
Cette syntaxe s'applique aussi à l'index.php du template, si on veut.

@ced1870
Cette méthode est aussi correcte pour les layouts

La syntaxe correcte "à l'ancienne" (dans protostar par ex) :
$doc = JFactory::getDocument();
$doc->addScript($this->baseurl . '/templates/' . $this->template . '/js/template.js');
$doc->addStyleSheet($this->baseurl . '/templates/' . $this->template . '/css/template.css');
Auquel cas les fichiers sont localisés dans leurs dossiers respectifs dans le template.

Hope it helps

**ced1870** · 05/02/2016, 13h41

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

@ced1870
que de chemin parcouru depuis loadtagGC ...

c'est clair, et tu te souviens de Tooltip GC ?

le chemin est encore plus grand lol

**PhilJ** · 05/02/2016, 15h43

Re : Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Bonjour Ced,

Merci beaucoup aux concepteurs pour cette extension intelligente

.

PhilJ :

Compatible J! 3.x ?

Envoyé par ced1870 Voir le message

ben oui ... pourquoi pas ?

La question venait de ce que http://www.joomlack.fr/telecharger-e.../42-loadtag-gc affiche un logo 'Joomla 2.5', et pas 'Joomla 3.x'

.

Comment insérer des fichiers css et javascript sur une seule page de mon site ?

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Commentaire

Annonce

Partenaire de l'association