m3rajk — Sun, 11 Apr 2004 21:54:58 +0000

fixed.
issue was several fold.
finished and fixed code to compare for others to fix if they have similar flaws:

var usr= new Array('chat','control','faq','finduser','forums','login','logout','newm','search','signup','top');
var rolls=new Array(); // empty image array
var pretxt='sitepics/'; var endtxt='.png'; var ind;// variables used to preload

function preload(imgs){ // preload images
  end=imgs.length; // find array size
  for(i=0;i<end;i++){ // for each picture
    ind=i*2;
    rolls[ind]= new Image();
    rolls[ind].src=pretxt+imgs[i]+'on'+endtxt;
    rolls[++ind]= new Image();
    rolls[ind].src=pretxt+imgs[i]+'off'+endtxt;
  }
}
function selopt(choice,bttn){ // mouseover highlight
  var i; 
  for(i=0;((i<bttn.length)&&(bttn[i]!=choice));i++){ document.qsearch.curri.value=i; } 
  if(i==bttn.length){ return false; } else{ i*=2; document.getElementById(choice).src=rolls[i].src; return true; }
}
function deselopt(choice,bttn){ // mouseout return to load state
  var i; 
  for(i=0;((i<bttn.length)&&(bttn[i]!=choice));i++){ document.qsearch.curri.value=i; }
  if(i==bttn.length){ return false; } else{ i*=2; i++; document.getElementById(choice).src=rolls[i].src; return true; }
}
function sub(choice){ document.getElementById(choice).submit(); } // submit a form

preload(usr);

'link to thread at other site helpful in fixing this: http://forums.devnetwork.net/viewtopic.php?t=20115

m3rajk — Sun, 11 Apr 2004 14:08:48 +0000

i forgot that javascript is very case sensitive

arg. i'm starting to wonder how anyone can do this without explicit calls...

Quote: Error: document.getElementById(bttn[choice]) has no properties
Source File: http://24.91.157.113/findyourdesire/ztest.php
Line: 23
Error: document.getElementById(bttn[choice]) has no properties
Source File: http://24.91.157.113/findyourdesire/ztest.php
Line: 28

once for selopt nd once for deselopt

subsequently realizing that i gave the id name the same name as the image so that it's <img class="..." id="balh" name="blah" src="..." />'choice should be all i need, so i modified it to

<!--
var usr= new Array('chat','control','faq','finduser','forums','login','logout','newm','search','signup','top');
var rolls=new Array(); // empty image array
var pretxt='sitepics/'; var endtxt='.png'; var ind;// variables used to preload

function preload(imgs){ // preload images
  end=imgs.length; // find array size
  for(i=0;i<end;++i){ // for each picture
    ind=i*2;
    rolls[ind]= new Image();
    rolls[ind].src=pretxt+imgs[i]+'on'+endtxt;
    rolls[++ind]= new Image();
    rolls[ind].src=pretxt+imgs[i]+'off'+endtxt;
  }
}
function selopt(choice,bttn){ // mouseover highlight
  var i; 
  for(i=0;((i<bttn.length)&&(bttn[i]!=choice));i++)
    if(i==bttn.length){ return false; } else{ i*=2; document.getElementById(choice).src=rolls[i].src; return true; }
}
function deselopt(choice,bttn){ // mouseout return to load state
  var i; 
  for(i=0;((i<bttn.length)&&(bttn[i]!=choice));i++)
    if(i==bttn.length){ return false; } else{ i*=2; i++; document.getElementById(choice).src=rolls[i].src; return true; }
}
function sub(formname){ document.formname.submit(); } // submit a form

preload'usr);
-->

'
and now it changes everything to chat on/off instead of the one it should.

any suggestions? i haven't a clue as to what's failing

added something to show what i currently is, and it's never going beyond 0 for some reason. yet the item being passed is obviously changing. i also modified the form submit slightly on a hunch then tested that. it wowrks now, so all i need to get the new modular form working is to get i to actually find the correct indicie (sp?)

Abhishek Reddy — Sun, 11 Apr 2004 09:05:25 +0000

getElementById(), not getElementByID()

m3rajk — Sun, 11 Apr 2004 03:04:54 +0000

Abhishek Reddy wrote: Use one of
document.getElementById(bttn)
document.images.bttn
to select the element.

document.all.bttn <-- IE-only; avoid.

i despise anything ie only. i actually use mozilla since it's w3c compliant, and is notplauged with cookie and other types of issues like ie.

Quote: if(i==bttn.length){ return false; } else{ i*=2; document.images.bttn[choice].src=rolls[i].src; return true; }

is the first i tried. doesn't work. then that has no properties

Quote: if(i==bttn.length){ return false; } else{ i*=2; i++; document.getElementByID(bttn[choice]).src=rolls[i].src; return true; }

and it tells me there's no such function

Abhishek Reddy — Sat, 10 Apr 2004 22:01:40 +0000

Use one of
document.getElementById(bttn)
document.images.bttn
to select the element.

document.all.bttn <-- IE-only; avoid.

m3rajk — Sat, 10 Apr 2004 18:49:16 +0000

i know that images[] is a preset array.

now it's giving me

Quote: Error: document.bttn has no properties
Source File: http://24.91.157.113/findyourdesire/ztest.php
Line: 23
Error: document.bttn has no properties
Source File: http://24.91.157.113/findyourdesire/ztest.php
Line: 28

for selopt and deselopt respectively

in the one i have now i have id and name in the image tag. should that get moved to the link tag? would that have any effect? makes more sense to me to have it on the image tag, but that's the only thing i can think of as of now

also i checked the submit. works if i explicitly call the form name in the function, but otherwise, even though i've changed it to formname since form[] is a reserved, it gives me the error that it can't find the form on the page

Vincent Puglia — Sat, 10 Apr 2004 17:15:12 +0000

try renaming 'array' -- everywhere you use it. You shouldn't be using reserved words for variableNames (and I would also change 'imgs' to 'myImgs' or somesuch.

Vinny

m3rajk — Sat, 10 Apr 2004 16:54:59 +0000

i found some other errors too and fixed them. now the line number it's on changes, but the error is the same and there's no highlight (have not tried the submit, i figure let's get it working one part at a time)

Quote: Error: document.array has no properties
Source File: http://24.91.157.113/findyourdesire/ztest.php
Line: 24

Vincent Puglia — Fri, 09 Apr 2004 20:26:36 +0000

Hi,

Error 1: function preload(var imgs){ // preload images
javascript is not c/c++ where you need to type the arguments.
Should be: function preload(imgs){ // preload images

Also...why...

<?php
function sub(form)
{
 document.form.submit();
 } // submit a form
-->
  &lt;/script&gt;
  </head>
  <body style=\"background-color:#000000; color:#ffffff; \">
    <!-- nav bar-->
  &lt;script type=\"text/javascript\"&gt;<!-- preload(usr); -->&lt;/script&gt;
?>

instead of:

<?php
   ....
   preload(usr); 
  &lt;/script&gt;
  </head>
  <body style=\"background-color:#000000; color:#ffffff; \">
    <!-- nav bar-->
?>

the former is somewhat confusing, especially since it's implying the 'preload' function is part of the navbar.

This:
var i; for(i=0; ( (i

m3rajk — Fri, 09 Apr 2004 14:59:26 +0000

hey vincet. it's been a while. i think it's the off track humor that i think i needed when i saw it that confuzzled you.

the problem is that the roll over is not working (i'm testing in mozilla). it tells me the functions aren't defined when i know they are. i don't get why. i don't even know if the preload is working because of that. i don't know how to fix it

i'm trying to do this so that i can switch out the arrays being used.

i'll need at least three:
1 for the mail/im pics in one page
1 for the navigation bar
1 for the forums so i can do an image swap for those buttons (graphics designer wants that now)

so i need to get the new swap function working as well as the submit for the forms