Come aggiungere Css o Javascript alle estensioni di joomla


Quando si  crea un componente o un modulo personalizzato per joomla, si ha l’esigenza di aggiungere dei files scritti in javascript o css.
Oltre a poter aggiungere i singoli files all’interno della sezione head dell’ index.php, possiamo utilizzare l’oggetto JDocument di Joomla ( 1.5, le cose potrebbero cambiare con la 1.6).
La prima operazione da effettuare è quella di richiamare l’oggetto JDocument con questo codice:
$document = JFactory::getDocument();
Ora per aggiungere un foglio di stile o uno script in javascript basta aggiungere queste due righe di codice:

$document->addStyleSheet(‘url/to/my/stylesheet.css’);

$document->addScript(‘url/to/my/script.js’);


Vi ricordo che se state utilizzando url relativi dovete sempre far riferimento alla directory dell’index.php, mentre se volete utilizzare url assoluti vi consiglio di utilizzare questo codice:

$document->addStyleSheet(JURI::root().’url/to/my/stylesheet.css’);

Ora mi potreste chiede ma se volessimo aggiungere semplicemente una regola css o un singolo script in js senza linkare files esterni?
Semplice basta memorizzare in una variabile lo snippet di codice:

$css_code = “

#myDiv {

padding: 5px;

margin:10px;

border:1px solid #dedede;

}

div.someClass {

background:#000000;

color:#ffffff;

height:100px;

}

“;

E poi utilizzare la chiamata all’oggetto JDocument in questo modo:

$document->addStyleDeclaration($css_code);

Lo stesso discorso vale per aggiungere un porzione di codice in Javascript.

...
Loading