Tek-Tips is the largest IT community on the Internet today!

Members share and learn making Tek-Tips Forums the best source of peer-reviewed technical information on the Internet!

Register Log in
  • Congratulations Chriss Miller on being selected by the Tek-Tips community for having the most helpful posts in the forums last week. Way to Go!

Adjust script for FireFox

Status
Not open for further replies.
pookie62

pookie62

Technical User
Joined
Oct 22, 2004
Messages
139
Location
GB
Hi,
I found an external js script to create a popup nav menu on rightclicking.
Called like this:
Code: 
<SCRIPT tyle="text/javascript">
var iecheck=document.all&&document.getElementById
if (iecheck){
document.write('<script type="text/javascript" src="../menu/mymenu.js"><\/script>')
}
</SCRIPT>
Working fine in IE but now I got a complaint from a visitor that it's not working in FireFox.
Anyone knows how to adjust this so it works in FF ?
If you need the js script please let me know (it rather long)

Thanks !
 
Sort by date Sort by votes
Forgot the piece in Body tags:
Code: 
<BODY>
<SCRIPT LANGUAGE="javascript">
if (iecheck){
createMenus();
document.oncontextmenu=function(){
showMenu(event);
return false;
}
document.onmouseup=function(){
hideMenu(event);
return false;
}
}
</SCRIPT>
</BODY>
 
Upvote 0 Downvote
Umm.......

You're checking in your code to specifically see if the user is browsing with IE:
Code: 
<SCRIPT tyle="text/javascript">
[b][COLOR=red]var iecheck=document.all&&document.getElementById[/color][/b]
if ([COLOR=red][b]iecheck[/b][/color]){
document.write('<script type="text/javascript" src="../menu/mymenu.js"><\/script>')
}
</SCRIPT>

That line will ensure that firefox will not see the script. You can take those checks out, but that doesn't mean that the script you downloaded (mymenu.js) will work for firefox - it probably has lots of references to IE only javascript commands, otherwise they wouldn't be doing the IE check in the first place. Without you posting the js file there's really not much we can do for you.

Additionally, I've never tried to overwrite the right click button on any browser, but I'm pretty sure you can't suppress the context menu in firefox like you can in IE. So, it might be a pointless endeavor in the long run.

As a side note, why would you want to take away the context menu from users anyway, it's a functionality that most people are used to using when browsing the web. Taking it away from them is just a reason for them to not use your site.

-kaht

How much you wanna make a bet I can throw a football over them mountains?
sheepico.jpg
 
Upvote 0 Downvote
Hi Kaht,
It's not that I want to take away the context menu, I just thought it was a nice way of presenting the menu.
Anyway, still would like this to work in FF, so if anyone wants to have a look.. here's the mymenu.js:
Code: 
// Menu script created by Kari Hollo, Finland
// Use these files "as is". You may modify them freely.
// If you can't get them work after modificatins, I don't care...
// Wrote and tested with MS IE6 only...
// Modified by JavaScript Kit ([URL unfurl="true"]http://www.javascriptkit.com)[/URL]
// constants ********

//default/required menu images:
var myi=new Image; myi.src="../menu/icons/arrow__r.gif";		//submenu arrow
var myiw=new Image; myiw.src="..menu/icons/arrow__rw.gif";		//same as white
var myie=new Image; myie.src="../menu/icons/arrow__e.gif";		//empty pic
var myis=new Image; myis.src="../menu/icons/spacer.gif";		//spacer
var myisb=new Image; myisb.src="../menu/icons/spacer__b.gif";	//enpty end pic left to spacer


var kto=2000;	//killTimeout [ms]
var mymenuwidth="150px"     //menu width				
var bg_color="#D6D6D6";	    //colors...
var bg_color_hl="navy";	    //syncronize with css file!!
var fg_color="black";
var fg_color_hl="white";
var spc="#SPACER#";	//spaser sign
var arr="#ARROW#";	//submenu sign


// caption/spacer,icon,gimmick/submenu
// MAIN MENU, DO NOT REMOVE, EDIT ONLY *********	
var m1=new Array;
m1[0]=new Array("");
m1[1]=new Array("Home","../menu/icons/ico_gun01.gif","gotoNoFrames('[URL unfurl="true"]http://www.actionshooting.nl')");[/URL]
m1[2]=new Array(spc); //add divider
m1[3]=new Array("Nieuws","../menu/icons/pelle.gif","gotoNoFrames('../info/nieuws.php')");
m1[4]=new Array("Info"+arr,"../menu/icons/pelle.gif",11); //denote sub menu (using "arr")
m1[5]=new Array("Links","../menu/icons/pelle.gif","gotoNoFrames('../info/clublinks.php')");
m1[6]=new Array("Wedstrijd-info"+arr,"../menu/icons/pelle.gif",12);
m1[7]=new Array("Competitie"+arr,"../menu/icons/pelle.gif",13);
m1[8]=new Array("Agenda"+arr,"../menu/icons/pelle.gif",21);
m1[9]=new Array("Jouw account","../menu/icons/pelle.gif","gotoNoFrames('../Loginsys/main.php')");

// name submenus reasonable!
// m1## 1.level, m2## 2.level and so on...

// 1ST SUB MENU
var m11=new Array;	
m11[0]=new Array("");
m11[1]=new Array("ASN Forum","../menu/icons/pelle.gif","gotoNoFrames('[URL unfurl="true"]http://www.actionshooting.nl/phpbb2/')");[/URL]
m11[2]=new Array("ASN Folder","../menu/icons/pelle.gif","gotoNoFrames('../info/folder.php')");
m11[3]=new Array("Regelement","../menu/icons/pelle.gif","gotoNoFrames('../info/reglem.php')");
m11[4]=new Array("Handl. Baancomm","../menu/icons/pelle.gif","gotoNoFrames('../info/hl-bc.php')");
m11[5]=new Array("Het Bestuur","../menu/icons/pelle.gif","gotoNoFrames('../info/bestuur.php')");
m11[6]=new Array("Feedback","../menu/icons/pelle.gif","gotoNoFrames('../Forms/feedback.php')");
m11[7]=new Array("Inschrijven","../menu/icons/pelle.gif","gotoNoFrames('../Forms/ASNForm.php')");

// 2ND SUB MENU
var m12=new Array;	
m12[0]=new Array("");
m12[1]=new Array("Uitslagen 2006","../menu/icons/pelle.gif","gotoNoFrames('../wedstrijd/w_uitslag.php')");
m12[2]=new Array("Uitslagen 2005","../menu/icons/pelle.gif","gotoNoFrames('../wedstrijd/w_uitslag05.php')");
m12[3]=new Array("Wedstrijd opgeven","../menu/icons/pelle.gif","gotoNoFrames('../Forms/WedstrijdForm.php')");
m12[4]=new Array("ASN Score","../menu/icons/pelle.gif","gotoNoFrames('../files/asnscore/login.php')");

// 3ND SUB MENU
var m13=new Array;	
m13[0]=new Array("");
m13[1]=new Array("Info","../menu/icons/pelle.gif","gotoNoFrames('../comp/compinfo.php')");
m13[2]=new Array("Competitiestanden","../menu/icons/pelle.gif","gotoNoFrames('../comp/compmenu06_index.php')");
m13[3]=new Array("Competitie 2005","../menu/icons/pelle.gif","gotoNoFrames('../comp/compmenu05_index.php')");


// 1ST SUB SUB MENU
var m21=new Array;
m21[0]=new Array("");
m21[1]=new Array("Januari","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#januari')");
m21[2]=new Array("Februari","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#februari')");
m21[3]=new Array("Maart","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#maart')");
m21[4]=new Array("April","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#april')");
m21[5]=new Array("Mei","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#mei')");
m21[6]=new Array("Juni","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#juni')");
m21[7]=new Array("Juli","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#juli')");
m21[8]=new Array("Augustus","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#augustus')");
m21[9]=new Array("September","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#september')");
m21[10]=new Array("Oktober","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#oktober')");
m21[11]=new Array("November","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#november')");
m21[12]=new Array("December","../menu/icons/pelle.gif","gotoNoFrames('../agenda/agenda.php#december')");


//ENTER MENU IDs of above. UPDATE IF ADD/REMOVE MENUS!
var mvect=new Array(1,11,12,13,21);			


// END OF EDITTING. variables ********
var th;							//menu height
var tw;							//menu width
var vas=0;						//on left flag
var llv=false;						//menu visible flag
var tid;						//timeout id
var ksm=0;						//known sub sub menu id


//************** FUNCTIONS
//******** base function to create menus



// error handler ***************
function stoperror(){
	return true;
}
window.onerror=stoperror;  //suppress potential JS errors. Comment line if you need to debug page.

function createMenus(){
	for(xyzzy=0;xyzzy<mvect.length;xyzzy++){
		document.write("<DIV id='teva"+mvect[xyzzy]+"' class='men'>");
		document.write("<TABLE WIDTH='100%' BORDER=0 CELLSPACING=0 CELLPADDING=0>");
		initMenu(mvect[xyzzy]);
		document.write("</TABLE></DIV>");
	}
}

//******** initialization
function initMenu(t){
var obj=eval("teva"+t);	//container
var vect=eval("m"+t);	//menu
var ve1;				//caption
var ve2;				//picture
var ve3;				//trick/no of submenu 
var spacers=0;			//spacer counter
	obj.style.height=(vect.length-1)*16+"px";
	obj.style.width=mymenuwidth;
	if(t==1){
		th=obj.style.height.substr(0,obj.style.height.length-2);
		tw=obj.style.width.substr(0,obj.style.width.length-2);
	}
	for(i=1;i<vect.length;i++){
		ve1=eval("vect["+i+"][0]");
		document.write("<TR>");
		if(ve1==spc){
			spacers++;
			document.write("<TD colspan=3 style='height:8px;'>"+
				"<img src='"+myisb.src+"' style='width:3px;height:2px;'>"+
				"<img src='"+myis.src+"' style='width:95%;height:2px;'></TD>");
		}else{ 
			ve2=eval("vect["+i+"][1]");
			ve3=eval("vect["+i+"][2]");
			if(ve1.match(arr)){
				var oy=16*(i-1)-spacers*8;
				document.write("<TD class='imgtd' style='border:1px solid "+bg_color+";' "+
					"id='m_"+t+"_"+i+"a' onmouseover='act_td("+t+","+i+");showSubMenu("+t+","+ve3+","+oy+");' "+
					"onmouseout='nonact_td("+t+","+i+");'>"+
					"<img id='m_"+t+"_"+i+"ap' src='"+ve2+"' class='icondimensions'></TD>");
				document.write("<TD onmouseover='act_td("+t+","+i+");showSubMenu("+t+","+ve3+","+oy+");' "+
					"onmouseout='nonact_td("+t+","+i+");' class='tdmenu' "+
					"id='m_"+t+"_"+i+"'>&nbsp;"+ve1.substr(0,ve1.length-7)+"</TD>");
				document.write("<td class='imgtd' id='m_"+t+"_"+i+"b' "+
					"onmouseover='act_td("+t+","+i+");showSubMenu("+t+","+ve3+","+oy+");' "+
					"onmouseout='nonact_td("+t+","+i+");'>"+
					"<img class='arr' id='m_"+t+"_"+i+"bp' src='"+myi.src+"'></td>");
			}else{
				document.write("<TD class='imgtd' style='border:1px solid "+bg_color+";' "+
					"id='m_"+t+"_"+i+"a' onmouseover='act_td("+t+","+i+");' "+
					"onmouseout='nonact_td("+t+","+i+");' "+
					"onclick='eval(m"+t+"["+i+"][2]);'>"+
					"<img id='m_"+t+"_"+i+"ap' src='"+ve2+"' class='icondimensions'></TD>");
				document.write("<TD onmouseover='act_td("+t+","+i+");'	"+
					"onmouseout='nonact_td("+t+","+i+");' onclick='eval(m"+t+"["+i+"][2]);' "+
					"class='tdmenu' id='m_"+t+"_"+i+"'>&nbsp;"+ve1+"</TD>");
				document.write(	"<td class='imgtd' id='m_"+t+"_"+i+"b' "+
					"onmouseover='act_td("+t+","+i+");' "+
					"onmouseout='nonact_td("+t+","+i+");' "+
					"onclick='eval(m"+t+"["+i+"][2]);'>"+
					"<img class='emp' id='m_"+t+"_"+i+"bp' src='' width='12px' height='12px'></td>");
			}
		}
		document.write("</TR>");
	}
	if(t==1){
		obj.style.height=(vect.length-1)*16-spacers*8+"px";
		th=obj.style.height.substr(0,obj.style.height.length-2);
	}
}
// on hover **********
function act_td(t,i){



	window.clearTimeout(tid);
var obj=eval("m_"+t+"_"+i);
	if(t==1) 
		hideSubMenu();
	else
		hideKnownSubMenu(t);
	obj.style.backgroundColor=bg_color_hl;
	obj.style.color=fg_color_hl;
	act1_td(eval(obj.id+"a")); //send cell id

	act2_td(eval(obj.id+"b"));
}
// on mouse out *********
function nonact_td(t,i){
var obj=eval("m_"+t+"_"+i);
	obj.style.backgroundColor=bg_color;
	obj.style.color=fg_color;
	nonact1_td(eval(obj.id+"a"));
	nonact2_td(eval(obj.id+"b"));
	tid=setTimeout('showMenu("mousedown")',kto);
}
//******** left=icon cell hover...
function act1_td(t){
var cel=eval(t);
var pix=eval(t.id+"p");
	if(pix.src!=myie.src)
		cel.style.border='1px outset';
	else{
		cel.style.border="1px solid "+bg_color_hl;
		cel.style.backgroundColor=bg_color_hl;
	}
}
// icon cell on mouse out *********
function nonact1_td(t){
var cel=eval(t);
var pix=eval(t.id+"p");
	if(pix.src!=myie.src)
		cel.style.border="1px solid "+bg_color;
	else{
		cel.style.border="1px solid "+bg_color;
		cel.style.backgroundColor=bg_color;
	}
}
//******** right cell for submenu arrow on hover
function act2_td(t){
var cel=eval(t);
var pix=eval(t.id+"p");
	cel.style.backgroundColor=bg_color_hl;
	if(cel.className!="emp") pix.src=myiw.src;
}
//********** same onmouseout........
function nonact2_td(t){
var cel=eval(t);
var pix=eval(t.id+"p");
	cel.style.backgroundColor=bg_color;
	cel.style.color=fg_color;
	if(cel.className!="emp") pix.src=myi.src;
}
// needs explanations?
function showMenu(e){
	if(llv==true)
		hideMenu();
	else{
		clearTimeout(tid);
		var ah=document.body.clientHeight-th;
		var aw=document.body.clientWidth-tw;

		if(e.clientY < ah) teva1.style.top=e.clientY;
		else teva1.style.top=e.clientY-th;

		if(e.clientX < aw) {teva1.style.left=e.clientX;vas=0;}
		else {teva1.style.left=e.clientX-tw;vas=1;}
		
		teva1.style.visibility='visible';
		llv=true;
		tid=window.setTimeout("hideMenu()",kto);
	}
}
// ...........
function showSubMenu(c,t,y){
		clearTimeout(tid);
var tobj=eval("teva"+c);
var obj=eval("teva"+t);
var ox=tobj.style.left.substr(0,tobj.style.left.length-2); 
var oy=tobj.style.top.substr(0,tobj.style.top.length-2); 
var oh=obj.style.height.substr(0,obj.style.height.length-2);
var ow=obj.style.width.substr(0,obj.style.width.length-2);
	if(vas==0){
		if(Math.round(ox) > Math.round(document.body.clientWidth)-Math.round(ow)*2-10)
			obj.style.left=Math.round(ox)-Math.round(ow)+2;
		else
			obj.style.left=Math.round(ox)+Math.round(ow)-5;
	}else
		obj.style.left=Math.round(ox)-Math.round(ow)+2;
	if(Math.round(oy)+Math.round(y) < Math.round(document.body.clientHeight)-Math.round(oh))
		obj.style.top=Math.round(oy)+Math.round(y);
	else
		obj.style.top=Math.round(oy)+Math.round(y)-Math.round(oh);
	obj.style.visibility='visible';
	ksm=t;
}
//...............
function hideMenu(){
	clearTimeout(tid);
	teva1.style.visibility='hidden';
	hideSubMenu();
	llv=false;
}
//.................
function hideSubMenu(){
var obj;
	for(j=1;j<mvect.length;j++){
		obj=eval("teva"+mvect[j]);
		obj.style.visibility='hidden';
	}
}
//.................
function hideKnownSubMenu(t){
	if(ksm>0 && ksm!=t){
var obj;
		for(j=1;j<mvect.length;j++){
			if(mvect[j]>t){
				obj=eval("teva"+mvect[j]);
				obj.style.visibility='hidden';
			}
		}
		ksm=0;
	}
}

function gotoNoFrames(url){
  top.location = url;
}
 
Upvote 0 Downvote
Status
Not open for further replies.

Similar threads

Rayj0000
  • Locked
  • Question Question
How to disable an html button for subsequent website visitors?
Replies
0
Views
858
Rayj0000
Rayj0000
MDGarcia
  • Locked
  • Question Question
Java script blocked due to MIME type error
Replies
2
Views
2K
MDGarcia
MDGarcia
markronz
  • Locked
  • Question Question
Javascript to edit all script tags
Replies
2
Views
480
feherke
feherke
JPSeo
  • Locked
  • Question Question
How to pass var to the shell script
Replies
1
Views
332
JPSeo
JPSeo
michael12061206
  • Locked
  • Question Question
free javascript library for airliner diagrams
Replies
1
Views
350
xwb
xwb

Part and Inventory Search

Sponsor

Back
Top