Primero, necesitaremos el componente Jumi o el complemento Sourcerer para que esto funcione. Necesitamos uno u otro porque el enfoque principal aquí es el desarrollo personalizado fuera de los módulos o artículos estándar de Joomla.
Puedes encontrar Jumi aquí… es mi extensión favorita para Joomla aparte de Breezing Forms.
http://extensions.joomla.org/extensions/edition/custom-code-in-content/1023?qh=YToxOntpOjA7czo0OiJqdW1pIjt9
~Mi pequeño anuncio sobre Jumi~
*Jumi es un componente que le permite escribir páginas php y js personalizadas y subirlas a su sitio Joomla. Entonces, si necesita agregar AJAX o interactividad a su sitio web, Jumi es el componente para usted. Jumi es compatible con J1.0, J1.5 y J1.6. Con Jumi, puedes agregar contenido personalizado a tus módulos, artículos, etc…
¿Nuevo en Jumi? Consulte estos útiles tutoriales aquí: http://edo.webmaster.am/jumi/tutorial
~¡Ahora volvamos a lo bueno!~
Cuando codifica sus páginas de forma personalizada y necesita agregarles javascript o css, normalmente necesita agregar estos enlaces al
ubicación de la página index.php de su plantilla… sin embargo, ahora estos scripts y css se aplican en todo el sitio y pueden estropear los scripts y css de la plantilla en cada página. Hay una manera de agregar estos scripts y páginas css SIN tener que agregarlos manualmente a su página index.php y no afectará a ningún script o css de todo el sitio.Si lo conecta en la parte superior de su página php personalizada, obtendrá los resultados que necesita solo en las páginas a las que agrega este código.
$documento =& JFactory::getDocument();
$documento->addStyleSheet(‘archivos/css/default.css’);
$documento->addScript(‘archivos/scripts/test.js’);
?>
Esto agregará el script y el archivo CSS a la etiqueta de esa página en particular. Entonces puede editar esta página sin preocuparse por estropear todo el sitio.
Consulte estos dos artículos de Joomla que le brindarán más ayuda si tiene algún problema.
http://docs.joomla.org/Adding_JavaScript
http://docs.joomla.org/Adding_JavaScript_and_CSS_to_the_page