Javascript problem in Firefox 1

[COTLG]

Hi All,

I just developed my first website

http://www.moghalufoundation.org

and it loads on IE but cannot load on mozilla. It says:

Directory Listing Denied
This Virtual Directory does not allow contents to be listed.

I also noticed that it hangs on '

http://www.moghalufoundation.org/images'

which is displayed on the browser address.

At times it just displays a blank screen and hangs on '

http://www.moghalufoundation.org/images'

When Javascript is disabled in Firefox the page loads with the layout distorted. So the index.html does not load because of some incompatible javascript commands.

The two javascript files are pasted below: js_home for the homepage and js_other for other pages.

Please I urgently need help on this issue.

js_home.txt
-----------------------------------------------------
var TOID1,TOID2,TOID3,TOID4,TOID5,TOID6,TOID7,TOID8;
var location = "/images/"
if(document.images){
var imghold = new Array();
var lochold = new Array();
for(i=0;i<=7;i++){
lochold = location+"image"+i+".jpg";
imghold = new Image();
imghold.src = lochold;
}
}
var key4=true,key5=true,key6=true,key7=true,key=true;
function visibility(objname){
if (document.images){
document[objname].filters.blendTrans.Apply();

if ((objname=="obj4") && (key4)){
document[objname].src=imghold[0].src;
document[objname].filters.blendTrans.Play();
key4=!key4;
}
else if ((objname=="obj4") && (!key4)){
document[objname].src=imghold[4].src;
document[objname].filters.blendTrans.Play();
key4=!key4;
}

if ((objname=="obj5") && (key5)){
document[objname].src=imghold[1].src;
document[objname].filters.blendTrans.Play();
key5=!key5;
}
else if ((objname=="obj5") && (!key5)){
document[objname].src=imghold[5].src;
document[objname].filters.blendTrans.Play();
key5=!key5;
}

if ((objname=="obj6") && (key6)){
document[objname].src=imghold[2].src;
document[objname].filters.blendTrans.Play();
key6=!key6;
}
else if ((objname=="obj6") && (!key6)) {
document[objname].src=imghold[6].src;
document[objname].filters.blendTrans.Play();
key6=!key6;
}

if ((objname=="obj7") && (key7)){
document[objname].src=imghold[3].src;
document[objname].filters.blendTrans.Play();
key7=!key7;
}
else if ((objname=="obj7") && (!key7)) {
document[objname].src=imghold[7].src;
document[objname].filters.blendTrans.Play();
key7=!key7;
}

}
}
function callvisibility(){
TOID5 = setTimeout("visibility('obj4')",3000);
TOID6 = setTimeout("visibility('obj5')",4000);
TOID7 = setTimeout("visibility('obj6')",5000);
TOID8 = setTimeout("visibility('obj7')",6000);
}
//Beginning of top menu-------
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
navbar3_02_over = newImage("/images/navbar3_02-over.jpg");
navbar3_03_over = newImage("/images/navbar3_03-over.jpg");
navbar3_04_over = newImage("/images/navbar3_04-over.jpg");
navbar3_05_over = newImage("/images/navbar3_05-over.jpg");
navbar3_06_over = newImage("/images/navbar3_06-over.jpg");
navbar3_07_over = newImage("/images/navbar3_07-over.jpg");
preloadFlag = true;
}
}
//End of top menu-----

//Beginning of sidemenu------

var preloadFlag = false;
function preloadImages2() {
if (document.images) {
smenu4_01_over = newImage("/images/smenu4_01-over.jpg");
smenu4_02_over = newImage("/images/smenu4_02-over.jpg");
smenu4_03_over = newImage("/images/smenu4_03-over.jpg");
smenu4_04_over = newImage("/images/smenu4_04-over.jpg");
smenu4_05_over = newImage("/images/smenu4_05-over.jpg");
smenu4_06_over = newImage("/images/smenu4_06-over.jpg");
smenu4_07_over = newImage("/images/smenu4_07-over.jpg");
preloadFlag = true;
}
}
//End of sidemenu------

//Module for f_menu
var preloadFlag = false;
function preloadImages3() {
if (document.images) {
f_menu_01_over = newImage("/images/f_menu_01-over.jpg");
f_menu_02_over = newImage("/images/f_menu_02-over.jpg");
f_menu_03_over = newImage("/images/f_menu_03-over.jpg");
f_menu_04_over = newImage("/images/f_menu_04-over.jpg");
preloadFlag_f = true;
}
}
//End of module for f_menu

//Module for a_menu
var preloadFlag = false;
function preloadImages4() {
if (document.images) {
a_menu_01_over = newImage("/images/a_menu_01-over.jpg");
a_menu_02_over = newImage("/images/a_menu_02-over.jpg");
a_menu_03_over = newImage("/images/a_menu_03-over.jpg");
preloadFlag = true;
}
}
//Module for im_menu
var preloadFlag = false;
function preloadImages5() {
if (document.images) {
im_menu_01_over = newImage("/images/im_menu_01-over.jpg");
im_menu_02_over = newImage("/images/im_menu_02-over.jpg");
im_menu_03_over = newImage("/images/im_menu_03-over.jpg");
im_menu_04_over = newImage("/images/im_menu_04-over.jpg");
im_menu_05_over = newImage("/images/im_menu_05-over.jpg");
preloadFlag = true;
}
}
//Module for g_menu
var preloadFlag = false;
function preloadImages6() {
if (document.images) {
g_menu_01_over = newImage("/images/g_menu_01-over.jpg");
g_menu_02_over = newImage("/images/g_menu_02-over.jpg");
preloadFlag = true;
}
}
//Module for s_menu
var preloadFlag = false;
function preloadImages7() {
if (document.images) {
s_menu_01_over = newImage("/images/s_menu_01-over.jpg");
s_menu_02_over = newImage("/images/s_menu_02-over.jpg");
preloadFlag = true;
}
}
//Get mouse position
var evt;
function mouse_position(){
evt=(evt)?evt(window.event)?event:null);
}
//Display f_menu
var smenuflag;
function f_menuf(objectID){
var object=document.getElementById('f_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=250)&&((evt.clientY+document.body.scrollTop)<=438)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display a_menu
function a_menuf(objectID){
var object=document.getElementById('a_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=292)&&((evt.clientY+document.body.scrollTop)<=432)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display im_menu
function im_menuf(objectID){
var object=document.getElementById('im_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=340)&&((evt.clientY+document.body.scrollTop)<=528)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display g_menu
function g_menuf(objectID){
var object=document.getElementById('g_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=388)&&((evt.clientY+document.body.scrollTop)<=480)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display s_menu
function s_menuf(objectID){
var object=document.getElementById('s_menu');
evtvar=evt;
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=436)&&((evt.clientY+document.body.scrollTop)<=528)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}


js_other.txt
-----------------------------------------------------

//Detect Browser and it's Version
//var browserName=navigator.appName;
//var browserVer=parseInt(navigator.appVersion);

//if ((browserName=="Netscape")&&(browserVer<8))
//{
// alert("Hi, we care!! Please download and install the latest Netscape, version 8 at "

http://browser.netscape.com/ns8/download/download_alt.jsp",

to view this site!");
//}
//else
//{
// if ((browserName!="Microsoft Internet Explorer")||(browserName!="Netscape"))
// {
// alert("Sorry please you need Internet Explorer or Netscape 8 to view this site!");
// }

//}

//Beginning of top menu-------
function newImage(arg) {
if (document.images) {
rslt = new Image();
rslt.src = arg;
return rslt;
}
}

function changeImages() {
if (document.images && (preloadFlag == true)) {
for (var i=0; i<changeImages.arguments.length; i+=2) {
document[changeImages.arguments].src = changeImages.arguments[i+1];
}
}
}

var preloadFlag = false;
function preloadImages() {
if (document.images) {
navbar3_02_over = newImage("/images/navbar3_02-over.jpg");
navbar3_03_over = newImage("/images/navbar3_03-over.jpg");
navbar3_04_over = newImage("/images/navbar3_04-over.jpg");
navbar3_05_over = newImage("/images/navbar3_05-over.jpg");
navbar3_06_over = newImage("/images/navbar3_06-over.jpg");
navbar3_07_over = newImage("/images/navbar3_07-over.jpg");
preloadFlag = true;
}
}
//End of top menu-----

//Beginning of sidemenu------

var preloadFlag = false;
function preloadImages2() {
if (document.images) {
smenu4_01_over = newImage("/images/smenu4_01-over.jpg");
smenu4_02_over = newImage("/images/smenu4_02-over.jpg");
smenu4_03_over = newImage("/images/smenu4_03-over.jpg");
smenu4_04_over = newImage("/images/smenu4_04-over.jpg");
smenu4_05_over = newImage("/images/smenu4_05-over.jpg");
smenu4_06_over = newImage("/images/smenu4_06-over.jpg");
smenu4_07_over = newImage("/images/smenu4_07-over.jpg");
preloadFlag = true;
}
}
//End of sidemenu------

//Module for f_menu
var preloadFlag = false;
function preloadImages3() {
if (document.images) {
f_menu_01_over = newImage("/images/f_menu_01-over.jpg");
f_menu_02_over = newImage("/images/f_menu_02-over.jpg");
f_menu_03_over = newImage("/images/f_menu_03-over.jpg");
f_menu_04_over = newImage("/images/f_menu_04-over.jpg");
preloadFlag_f = true;
}
}
//End of module for f_menu

//Module for a_menu
var preloadFlag = false;
function preloadImages4() {
if (document.images) {
a_menu_01_over = newImage("/images/a_menu_01-over.jpg");
a_menu_02_over = newImage("/images/a_menu_02-over.jpg");
a_menu_03_over = newImage("/images/a_menu_03-over.jpg");
preloadFlag = true;
}
}
//Module for im_menu
var preloadFlag = false;
function preloadImages5() {
if (document.images) {
im_menu_01_over = newImage("/images/im_menu_01-over.jpg");
im_menu_02_over = newImage("/images/im_menu_02-over.jpg");
im_menu_03_over = newImage("/images/im_menu_03-over.jpg");
im_menu_04_over = newImage("/images/im_menu_04-over.jpg");
im_menu_05_over = newImage("/images/im_menu_05-over.jpg");
preloadFlag = true;
}
}
//Module for g_menu
var preloadFlag = false;
function preloadImages6() {
if (document.images) {
g_menu_01_over = newImage("/images/g_menu_01-over.jpg");
g_menu_02_over = newImage("/images/g_menu_02-over.jpg");
preloadFlag = true;
}
}
//Module for s_menu
var preloadFlag = false;
function preloadImages7() {
if (document.images) {
s_menu_01_over = newImage("/images/s_menu_01-over.jpg");
s_menu_02_over = newImage("/images/s_menu_02-over.jpg");
preloadFlag = true;
}
}
//Get mouse position
var evt;
function mouse_position(){
evt=(evt)?evt(window.event)?event:null);
}
//Display f_menu
var smenuflag;
function f_menuf(objectID){
var object=document.getElementById('f_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=150)&&((evt.clientY+document.body.scrollTop)<=338)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display a_menu
function a_menuf(objectID){
var object=document.getElementById('a_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=192)&&((evt.clientY+document.body.scrollTop)<=332)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display im_menu
function im_menuf(objectID){
var object=document.getElementById('im_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=240)&&((evt.clientY+document.body.scrollTop)<=422)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display g_menu
function g_menuf(objectID){
var object=document.getElementById('g_menu');
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=288)&&((evt.clientY+document.body.scrollTop)<=380)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}
//Display s_menu
function s_menuf(objectID){
var object=document.getElementById('s_menu');
evtvar=evt;
if(document.images){
if ((smenuflag==1)||((smenuflag==0)&&((((evt.clientX+document.body.scrollLeft)>=174)&&((evt.clientX+document.body.scrollLeft)<=360))&&(((evt.clientY+document.body.scrollTop)>=336)&&((evt.clientY+document.body.scrollTop)<=428)))))
{object.style.visibility='visible';}
else object.style.visibility='hidden';
}
}


Thanks,
Chike.

 

[jemminger]

the problem is line 2 of js_home.txt:
var location = "/images/"

location is a reserved keyword in javascript: it is the Location object. you are essentially telling the browser to navigate to the /images/ directory immediately. you must rename this var to something else.


-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big

 

[COTLG]

Thanks Jemminger,

I will make the change and get back to you. However how come it works fine on IE and not Firefox?

Chike.

 

[jemminger]

it could be that perhaps IE doesn't support setting the location object to a string (a good thing, since you should be setting location.href for this purpose), or that maybe IE is allowing you to use a var named "location" (a bad thing)

mozilla/firefox is apparently allowing you to set location to a string, defaulting it to the location.href property

-jeff

http://www.jeffemminger.com

try { succeed(); } catch(E) { tryAgain(); } finally { rtfm(); }
i like your sleeves...they're real big

 

[COTLG]

Thank you so much Jemminger. I wish I could work with people like you, then I will learn a lot and I really want to learn. I have done what you advised and the page loaded. Thanks a lot.

However, the page layout is very distorted and I guess this should be from my css files. Can I paste it too??

Regards,
Chike.

 

[COTLG]

Hi All,

I also get this errors in the Firefox Javascript Console:

Error: document[objname].filters has no properties
Error: evt has no properties

Please what is wrong and how do I correct this?

Chike.