Comment ajouter des fichiers JS / CSS aux modules Joomla?

Je suis débutant avec Joomla et j'écris un simple Joomla module. Je suis à l'aide de coutume, le CSS et le JS dans mon module. Maintenant, quand je distribue ce module, j'ai besoin de mon JS/CSS pour aller avec le ZIP. J'ai ajouté mes fichiers dans mon module fichier ZIP.

C'est ce que j'ai besoin de savoir -

Comment puis-je consulter ces fichiers CSS/JS dans mon module, de sorte que même si je distribue le module en tant que zip, je n'aurais pas à envoyer les fichiers css/js séparément?
J'ai essayé de regarder les différentes solutions, y compris
http://www.howtojoomla.net/how-tos/development/how-to-add-cssjavascript-to-your-joomla-extension Mais je n'étais pas en mesure de comprendre ce que l'URL de la JS/CSS fichier doit être?

Je suis à l'aide de Joomla 1.7 hébergé sur un nuage site d'hébergement.

Grâce

source d'informationauteur Pushkar

joomla

14

Je dirais que le HowToJoomla Site de l'article résume assez bien le processus.

Ici est le processus en quelques étapes de plus ajouté - j'espère que cela aidera.

Je suis en supposant que vous avez autant que l'emballage de votre extension et ont été en mesure de récupérer vos fichiers css et javascript à installer sur le serveur. Ils peuvent être dans votre dossier du module, ou probablement plus correctement, ils doivent être à l'intérieur de vos modules, sous-dossier dans /media/dossier.

Si après l'installation du module, vous ne pouvez pas localiser votre les fichiers css et js, c'est parce que vous n'avez pas référencé correctement à l'intérieur de votre composant xml fichier d'installation. Cette page contient des informations sur le xml d'installation /fichier de manifeste pour 1.6/1.7 add-ons bien que c'est pour un composant: http://docs.joomla.org/Developing_a_Model-View-Controller_%28MVC%29_Component_for_Joomla!1.6_-_Part_01 ils sont très similaires.

Soit - trouver vos fichiers dans le répertoire de Joomla structure et de faire une note de leur chemin relatif à partir de la racine du site - c'est à dire le dossier contenant configuration.php

Maintenant quelque part à l'intérieur de votre module php - ajouter la ligne qui obtient une référence à la JDocument objet.
```
$document = JFactory::getDocument();
```
Maintenant, ajoutez la ligne qui ajoute votre javascript le html tête:
```
$document->addScript('url/to/my/script.js');
```
évidemment remplacer "url/to/my/script.js' avec le chemin relatif vers le javascript.

Maintenant, ajoutez la ligne qui ajoute votre css au html tête:
```
$document->addStyleSheet('url/to/my/stylesheet.css');
```
encore ajuster le chemin d'accès il peut, par exemple, les médias/mod_mymodule/mymodule.css (si votre module ont été appelés "mymodule').

Seulement les choses à être conscient de que vous avez besoin pour ajouter ces lineswithin exécutable php balises ne sont PAS dans la zone html après la sortie de php en mode.
10

Vous pouvez ajouter votre js/css fichiers /dossier des médias.

http://docs.joomla.org/Manifest_files#Media_files

Il suffit d'ajouter à votre fichier manifeste:
```
        <files>
           ...
        </files>
        <media folder="media" destination="mod_your_module">
            <folder>css</folder>
            <folder>js</folder>
        </media>
```
À l'intérieur de votre paquet installable, vous devriez maintenant avoir la /le dossier des médias.

Puis ajouter au fichier de la vue:
```
        $doc =& JFactory::getDocument();
        $doc->addScript("/media/mod_your_module/js/script.js");
```
Cet article explique les avantages de cette approche:

http://blog.joomlatools.com/2008/09/hidden-feature-joomlas-media-folder.html

Vous pouvez utiliser:

JHTML::script('modules/mod_your_module/js/script.js');
JHTML::stylesheet('modules/mod_your_module/css/stylesheet.css');

Cet exemple ne nécessite pas de JFactory::getDocument()

$document = JFactory::getDocument();
$modulePath = JURI::base() . 'modules/mod_your_module_name/';

//Adding JS Files
$document->addScript($modulePath.'js/myscript.js');

//Adding CSS Files
$document->addStyleSheet($modulePath.'css/style.css');

-1

<script type="text/javascript" src="<?php echo JURI::BASE()?>modules/your_module_name/js/your_js_file"></script>

pour Css:

<link href="<?php echo JURI::BASE()?>modules/your_module_name/css/your_css _file" type="text/css" media="all" >

Vous devez vous connecter pour publier un commentaire.