Come aggiungere Css o Javascript alle estensioni di joomla

Joomla Css & Javascript

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.

Lascia una risposta

blank