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.