js conflct or what?

[DRey]

Hi guis. I have installed PG v 1.4.2 and got some problems with menu module. The menu is mod_kwick_sliding_menu from camp26. It works properly at all pages, but not with PGuestbook (((
looks like a js conflict but i didnt find any *.js in guestbook sources, and searching manualy in all *php files seems to take very long time, so please if some one had same problems prompt how to deal such a problem.

the module have quite small js code so if il find where is a conflict it will not be hard to rewrite modules js in a correct way. But the problem is to find the conflict.

Thks.

[Jan]

Hi, I don't know the module, but there can be possible javascript conflicts:

- Phoca Guestbook uses jpane (Joomla! Framework) method to "open" the form (you can disable it in parameters to check if the Joomla! framework JPane method can be in conflict with your module)

- and javascript to reload the captcha image (there should be no problem)

Jan

[DRey]

dint get it - where exactly can I disable jpane in config? what is the name of this field?
and if I set not to display capcha - wil it allsow insert JS wich reloads it?
The whole js code in menu module is (I have done some changes to it, but this problem was before and stays after):

Code: Select all

var ImageMenu = new Class({
	
	initialize: function(myElements,options){
		
		options = Object.extend({
			onClick: Class.empty,
			start: -1,
			openWidth: 0,
			smallWidth: 0,
			itemWidth: 0,
			selected: -1,
			open: -1
		}, options || {});
		
		this.myElements = myElements;
		this.options = options;
		
		//options.itemWidth = myElements[0].getStyle('width').toInt();
		options.itemWidth = 316;
		//options.smallWidth = Math.round(((options.itemWidth*myElements.length)-options.openWidth)/(myElements.length-1));
		options.smallWidth = 102;
		
		var fx = new Fx.Elements(myElements, {wait: false, duration: 400, transition: Fx.Transitions.quadOut});
		
		
		myElements.each(function(el, i){
			el.addEvent('mouseover', function(e){
				e = new Event(e).stop();
				el.show();
			});
			
			el.addEvent('click', function(e){
				el.select();
			});
			
			el.addEvent('mouseout', function(e){
				e = new Event(e).stop();
				el.hide();
				ii = document.getElementById('num').value;
				
				myElements[ii].show();
			});
			
			el.show = function(){
				var obj = {};
				obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
				myElements.each(function(other, j){
					if (other != el){
						var w = other.getStyle('width').toInt();
						if (w != options.smallWidth) obj[j] = {'width': [w, options.smallWidth]};
					}
				});
				fx.start(obj);
			};
			
			el.hide = function(){
				var obj = {};
				if(options.selected == -1){
					myElements.each(function(el,i){
						obj[i] = {'width': [el.getStyle('width').toInt(), options.itemWidth]};	
					});
				}else{
					myElements.each(function(el,i){
						if(i != options.selected){
							var w = el.getStyle('width').toInt();
							if(w != options.smallWidth){obj[i] = {'width': [w, options.smallWidth]}};
						}else{
							obj[i] = {'width': [el.getStyle('width').toInt(), options.openWidth]};
						}
					});
				}
				fx.start(obj);
			};
			
			el.select = function(){
				if(options.selected == i){options.selected = -1}else{options.selected = i}
				options.onClick(options.selected,options.open);
				options.open = options.selected;
			};
		});
		
		if(options.start != -1){
			myElements[options.start].show();
			
			myElements[options.start].select();
		}
		ii = document.getElementById('num').value;
				
				myElements[ii].show();
		
	},
	
	reset: function(){
		this.options.selected = -1;
		this.options.open = -1;
		this.myElements.each(function(el, i){
			el.hide();
		});
	}
	
});

[Jan]

Hi, see:

components\com_phocaguestbook\views\phocaguestbook\view.html.php

there the javascript is called (forgot the javascript for editor (tinymce) - this can be disabled in parameters - for testing)

Jan