Foros del Web » Creando para Internet » Sistemas de gestión de contenidos » Joomla »

Problemas con Tabs Manager GK3

Estas en el tema de Problemas con Tabs Manager GK3 en el foro de Joomla en Foros del Web. Buenas tardes. Tengo un pequeño problema con este módulo que me trae de cabeza. Os cuento el problema a ver si a alguien mas le ...
  #1 (permalink)  
Antiguo 10/06/2011, 08:50
 
Fecha de Ingreso: noviembre-2009
Ubicación: Castelló de la Plana
Mensajes: 71
Antigüedad: 14 años, 4 meses
Puntos: 3
Problemas con Tabs Manager GK3

Buenas tardes.

Tengo un pequeño problema con este módulo que me trae de cabeza. Os cuento el problema a ver si a alguien mas le ha pasado y puede echarme un cable.

Estoy utilizando como plantilla: "Corona" de Yootheme (es original, es decir, comprada). Allí he colocado en dos posiciones diferentes el módulo Tabs manager GK3.

El primer está compuesto de 5 Tabs (pestañas) en modo "acordeon", llamémosle "Módulo A".
El segundo son solamente 3 tabs en horizontal, llamémosle "Módulo B".

Para aclararnos diré que un módulo está delante si en la visualización de la web sale más arriba (es decir, que está más arriba en el código que genera Joomla).

Bueno, pues al lío: Resulta que si el "modulo A" esta delante del "módulo B", pasa algo que impide que puedas cambiar de pestaña en el "módulo B".

Sin embargo, si cambio la posicion del "modulo B" y lo situo delante del "A", funcionan perfectamente los dos.

También, si cambio la visualizacion del "modulo A" de acordeón a horizontal funcionan los dos estén donde estén...

El problema es que deben estar el A delante del B y no consigo entender y/o encontrar el error y su solución.

¿A alguien le ha pasado algo similar?

La web no puedo ponerla abiertamente aún (exigencias...) pero si alguien tiene la solución o quiere profundizar en el tema podría ver de pasarle una direccion provisional por MP.

Un saludo y gracias!
__________________
Regalos Originales, diferentes y divertidos. --> http://www.iboogeek.com
  #2 (permalink)  
Antiguo 17/06/2011, 04:45
 
Fecha de Ingreso: noviembre-2009
Ubicación: Castelló de la Plana
Mensajes: 71
Antigüedad: 14 años, 4 meses
Puntos: 3
[SOLUCIONADO] Respuesta: Problemas con Tabs Manager GK3

¡Solucionado! Como me temía, era un problema de JavaScript. Los de Gavick me han corregido su script y ahora todo funciona a la perfección. Os paso el nuevo código, que tendréis que sustituir por el viejo:

RUTA -> raiz_servidor/carpeta_joomla/modules/mod_gk_tab/scripts/engine.js

Código:
window.addEvent("load",function(){
	$ES(".gk_tab").each(function(el,i){
		if(!el.hasClass('gk_accordion')) {	
			var module_id = el.getProperty("id");
			var $G = $Gavick["gk_tab"+module_id]; 
			var sfx = $G["styleSuffix"];
			var modsArray = el.getElementsBySelector('.gk_tab_item-'+sfx);
			var animation = ($G["autoAnimation"] == 0) ? true : false;
			var actual = 0;
			var evnt = ($G["activator"] == 0) ? "click" : "mouseenter";
			var amount = modsArray.length;
			var timer = false;
			if($G["styleType"] == 1){
				var baseWidth = $E(".gk_tab_container2-"+sfx, el).getSize().size.x;
				el.setStyle("width",baseWidth+"px");
				var listTab = $E('.gk_tab_ul-'+sfx,el);
				baseWidth -= listTab.getSize().size.x;
				baseWidth -= listTab.getStyle("margin-left").toInt();
				baseWidth -= listTab.getStyle("margin-right").toInt();
				baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("margin-left").toInt();
				baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("margin-right").toInt();
				baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("padding-left").toInt();
				baseWidth -= $E(".gk_tab_container0-"+sfx,el).getStyle("padding-right").toInt();
				$E(".gk_tab_container1-"+sfx,el).setStyle("width",baseWidth+"px");
				$E(".gk_tab_container0-"+sfx,el).setStyle("width",baseWidth+"px");
				$ES(".gk_tab_item"+sfx, el).setStyle("width",baseWidth+"px");
			}
			$E('.gk_tab_ul-'+sfx+' li',el).addClass("active");
			var param = ($G["animationType"] == 1) ? "width": "height";
			$E(".gk_tab_container2-"+sfx, el).setStyle(param, ((amount+1)*$E(".gk_tab_container1-"+sfx, el).getSize().size.x));
			$ES(".gk_tab_item-"+sfx, el).each(function(e){e.setStyle("width", $E(".gk_tab_container1-"+sfx, el).getSize().size.x + "px");});
			$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elm,j){
				elm.addEvent(evnt,function(){
				    actual = gk_tab_anim(j, actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
					$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt){elmt.setProperty("class","");});
					$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
					
					if(timer){
						$clear(timer);	
						timer = (function(){
							actual = gk_tab_anim("right" , actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
							$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt, i){elmt.setProperty("class","");});
							$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
						}).periodical($G["animationInterval"]);
					}
				});
			});
			
			if($E(".gk_tab_button_next-"+sfx, el)){
				$E(".gk_tab_button_next-"+sfx, el).addEvent("click",function(){
					actual = gk_tab_anim('right', actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
					$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt){elmt.setProperty("class","");});
					$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
					
					if(timer){
						$clear(timer);
						timer = (function(){
							actual = gk_tab_anim("right" , actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
							$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt, i){elmt.setProperty("class","");});
							$ES('.gk1_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
						}).periodical($G["animationInterval"]);
					}
				});
			}
			
			if($E(".gk_tab_button_prev-"+sfx, el)){
				$E(".gk_tab_button_prev-"+sfx, el).addEvent("click",function(){
					actual = gk_tab_anim('left', actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);	
					$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt){elmt.setProperty("class","");});
					$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
					
					if(timer){
						$clear(timer);	
						timer = (function(){
							actual = gk_tab_anim("right" , actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
							$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt, i){elmt.setProperty("class","");});
							$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
						}).periodical($G["animationInterval"]);
					}
				});
			}
			
			if($G["autoAnimation"] == 1){
				timer = (function(){
					actual = gk_tab_anim("right" , actual, amount, modsArray, el, $G["animationTransition"], $G["animationSpeed"], $G);
					$ES('.gk_tab_ul-'+sfx+' li', el).each(function(elmt, i){elmt.setProperty("class","");});
					$ES('.gk_tab_ul-'+sfx+' li', el)[actual].toggleClass("active");
				}).periodical($G["animationInterval"]);
			}
		}
	});
});

function gk_tab_anim(direct, actual, amount, modsArray, el, t, s, $G){	
	var sfx = $G["styleSuffix"];
	var scr = new Fx.Scroll($E(".gk_tab_container1-"+sfx, el), {duration: s, wait: true, transition: $G["animationTransition"],wheelStops:false});
	
	if(direct == 'left'){
		(actual > 0) ? actual-- : actual = amount - 1;
		scr.toElement(modsArray[actual]);
	}else if(direct == 'right'){
		(actual < (amount-1)) ? actual += 1 : actual = 0;
		scr.toElement(modsArray[actual]);
	}else{
		actual = direct;
		scr.toElement(modsArray[actual]);
	}
	
	return actual;
}
Os recomiendo a todos los que uséis este módulo que actualicéis el engine.js. De todas maneras, según me han dicho los de Gavick, este Lunes publicarán una "actualización oficial" en su web.

Además, en los parámetros avanzados del módulo hay que "Desabilitar" el uso de MooTools, sino seguirá sin funcionar.

¡Creo que es la primera vez que descubro un bug, jaja!

Saludos!
__________________
Regalos Originales, diferentes y divertidos. --> http://www.iboogeek.com

Etiquetas: gk3, manager, tabs
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 13:25.