Avisos
Vaciar todo

Archivos JS  

 
JHON
 JHON
Usuario experto

Buen Día;

Estimados Moderadores hay algo que he querido saber hace algún tiempo, ¿Es posible incluir archivos Javascript o Código Javascript en Joomla?, de sere posible cual sería el procedimiento para insertar dichas funciones, es decir si hay algún tutorial o Información al respecto.

Saludos.

Citar
Respondido : 28/05/2011 9:57 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola JHON,

Inicialmente Javascript está presente en Joomla! de muchas maneras, las más conocidas son MooTools y JQuery además de el propio framework.

Para insertar un script desarrollado en "javascript" simplemente puedes crear un módulo personalizado (mod_custom) e insertas (sin editor WYSIWYG habilitado) el código del script a utilizar y lo publicas en la posición deseada.

Si además quieres representar código en tus artículos, existen extensiones como Jumi que te lo permiten.

- Jumi: http://extensions.joomla.org/extensions/edition/custom-code-in-content/1023

En el JED hay algunos módulos que te permiten insertar javascript, que al final son más delos mismo que si lo haces con un modulo personalizado.

Si tu plantilla no esta adaptada para trabajar con javascript tienes soluciones como la siguiente:

- JavaScript API Integrator: http://extensions.joomla.org/extensions/site-management/content-networking/16573

Saludos

ResponderCitar
Respondido : 28/05/2011 10:44 pm

wpdoctor-revisa-la-salud-de-tu-wordpress

JHON
 JHON
Usuario experto

Ok gnumax gracias por la informaicón la revisaré detenidamente porque me interesa conocer el proceso de agregar Javascript, por ejemplo en Articulos.

Tengo una consulta en específico y tiene que ver con la última página que muestra Virtuemart al realizar una Compra, donde se muestra la información de las Cuentas Bancarias para realizar los pagos correspondientes, en la Configuración de la Forma de Pago acepta codigo HTML, en mi caso para mejorar la presentación de la Información por tratarse de Varias Cuentas Bancarias Publicadas para tal fín, la presento en una Table html; hasta ahí todo va bien, pues muestra dicha tabla; Mi pregunta es:

¿Es posible que funciones Javascript agreguen Efectos a esta Tabla en específico?, por tratarse de Virtuemart me imagino que el proceso debe ser diferente, en caso de ser posible.

Gracias por la Informaicón.

ResponderCitar
Respondido : 28/05/2011 11:37 pm
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola JHON,

No se a que funciones específicas te refieres, seria bueno que lo ilustrases aunque sea con un ejemplo de otros.

Entiendo que generas la tabla en VirtueMart ¿como?, ¿desde html?, ¿donde insertas ese html de la tabla, en el campo de la forma de pago específica que hayas creado?.

Saludos

ResponderCitar
Respondido : 29/05/2011 12:29 am

Gestor de Contraseñas - VPN Conexión Segura - Gestor 2FA (Segundo Factor de Autenticación

JHON
 JHON
Usuario experto

Ok gnumax, gracias por el Interes, he buscado casos similares a mi consulta, pero no encuentro algo tan especifico, así que te explicaré paso a paso, lo que tengo y a lo que me gustaría llegar de ser posible:

1 - estructura de una tabla html en: Virtuemart / Tienda / Listar Forma de Pago / Transferencia Bancaria / Configuración,
(aca agrego en Código html de la Tabla) ya hice la prueba y funciona, es decir me publica la Tabla, al finalizar el Proceso de Compra.

2 - Mi Consulta:

He podido en algunos proyectos diferentes a Joomla, adornar por decirlo de alguna manera, los Table con Javascript, especificamente para agregar efectos como por ejemplo: OnmouseOver - OnmouseOut, es decir que al pasar el Cursos por encima de la Tabla, esta cambie de color sus filas Y al quitarlo vuelva asu color original, ahora que lo recuerdo la tabla que utiliza Webempresa para ofrecer los planes Hosting para Joomla, tiene dicho efecto.

El caso es que no se si es mediante Código Javascript llamado de alguna parte a la tabla, o es algún Módulo que permite esto en Joomla, lo otro es que al úbicar la Tabla en Virtuemart, en la ruta anteriormente descrita, no se que tan posible sea lograr dicho efecto.

Espero me hayas entendido la consulta, se que es un tema bastenate específico, aunque no es de extrema urgencia para el sitio, me gustaría aprender un poco más a fondo la estructra Joomla, espeficiamente lo que tiene que ver con Javascript.

Saludos.

ResponderCitar
Respondido : 29/05/2011 1:28 am
Luis Mendez Alejo
 Luis Mendez Alejo
Miembro Admin

Hola JHON,

Ahora te entendí claramente 🙂 gracias.

No he probado la funcionalidad de eventos javascript en tablas en VirtueMart. Se que esta extensión es un poco particular a la hora de ejecutar eventos y permitir la ejecución de código embebido dentro de la propia extensión, por lo que no se hasta que punto esto funcionara.

Lo cierto es que no conozco extensiones que permitan dibujar tablas con eventos o acciones en javascript o jquery dentro de VirtueMart y más específicamente en los resultados de una consulta que es lo que interpreto muestras en dicha tabla.

¿Hay como ver dicha tabla ne acción actualmente? para poder valorar su comportamiento y ver si añadir eventos, bien desde el editor o mediante código en la propia tabla es funcional y no da problemas dentro de VirtueMart.

Saludos

ResponderCitar
Respondido : 29/05/2011 1:41 am

Cursos Gratuitos WordPress

Jhon
 Jhon
Soporte CMS Webempresa Moderator

Hola JHON

Básicamente para brindar experiencia de usuario a través de javascript en cualquier parte de tu sitio web, primero que todo debes incluir el código javascript, esto lo puedes hacer de tres formas:

1- Colocando el código en un archivo javascript nuevo, tendrías que modificar tu template para que haga referencia a este archivo.
2- Colocando tu código en un archivo javascript existente, sólo tendrías que asegurarte que el archivo cargue en la parte en donde quieres dar comportamiento, por ejemplo en tu caso en la pantalla que muestras la tabla de virtuemart.
3- Utilizando una extensión, como por ejemplo: http://extensions.joomla.org/extensions/5051/details

Una vez que tengas cargado el código javascript, sólo tienes que saber programarlo 🙂 , para que te modifique cualquier parte del código HTML cargado, desde estilizar una tabla hasta trabajar con Ajax.

Por ejemplo este caso de clonación de módulos con javascript: http://www.monitojoomla.com/tips/varios-joomla/22-tip-copiar-modulos-dentro-articulos-javascript-joomla

Si ya tienes una tabla en html en cualquier parte de tu sitio web y has logrado una manera de colocar código javascript en esa página, entonces sólo es cuestión de programarlo, en tu código javascript puedes utilizar las funciones de mootools que te facilitarán la selección de los elementos html.

Saludos.

ResponderCitar
Respondido : 29/05/2011 2:39 pm
JHON
 JHON
Usuario experto

Ok Mil gracias Moderadores por la información, la revisaré detenidamenta, ahora tengo una visión mucho más amplia de como trabajar Javascript en mis proyectos Joomla, Felidades por el Excelente trabajo de Apoyo realizado.

Saludos

ResponderCitar
Respondido : 30/05/2011 8:41 pm

optimiza-automaticamente-todas-las-imagenes-de-tu-wordpress