JavaScript - Radius Question

I was asked to redo a menu for this site:
http://www.listlabs.com/index.php

It was originally an imaged based menu, but they wanted it all changed to css/html. I used quickmenu and it used JS to produce the arrows at the top of each menu item.
Now to my question...

I'm trying to program the menu items to stay active when on the current page. At first, it looks correct, but if you hover back over the menu, it changes back to the inactive state.
Any help would be great!

Thanks.

Could someone please take a look at my code? It's a simple quiz with one multiple choice question and one fill in the blank.

When the user clicks on 'submit' I tried to show some kind of response with correct/incorrect images next to the question. It works with the multiple choice question, but not with the fill in the blank. How can I get the fill in the blank question to work. It always shows the answer as being wrong. Thank you.

Quote:
answer_list = [
['False'],
['body','hips','knees']

// Note: No comma after final entry
];

response = [];

function setAnswer(question, answer) {
response[question] = answer;
}

function CheckAnswers() {
var correct = 0;

var flag, resp, answ;

for (var i = 0; i < answer_list.length; i++) {
flag = false;
for(var j=0; j<answer_list[i].length; j++){
resp = response[i].toLowerCase();
answ = answer_list[i][j].toLowerCase();


#################################################################################################
if (response[0] == answer_list[0]) {

flag = true;
document.myquiz.a1c.style.backgroundImage="url('correct.gif')";
}
else{
document.myquiz.a1c.style.backgroundImage = "url('incorrect.gif')";
document.myquiz.a1c.value = " ANS: False. Position the head snugly against the top bar of the frame and then bring the foot board to the infant's feet.";
}


if (response[1] == answer_list[1]) {

flag = true;
document.myquiz.a1d.style.backgroundImage="url('correct.gif')";
}
else{
document.myquiz.a1d.style.backgroundImage = "url('incorrect.gif')";

}
###################################################################################################

}

if (flag) { correct++; }
}
document.writeln("You got " + correct + " of " + answer_list.length + " questions correct!");
}

</SCRIPT>
</HEAD>
<FORM name="myquiz">

<B>1. When measuring height/length of a child who cannot securely stand, place the infant such that his or her feet are flat against the foot board.</B>
<label><INPUT TYPE=radio NAME=question0 VALUE="True" onClick="setAnswer(0,this.value)">True</label>
<label><INPUT TYPE=radio NAME=question0 VALUE="False" onClick="setAnswer(0,this.value)">False</label>

<textarea rows="2" cols="85" name="a1c" style="background-repeat:no-repeat"></textarea>


<B>2. When taking a supine length measurement, straighten the infant's <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">, <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">, and <INPUT id="test" TYPE=text NAME=question1 size=10
onChange="setAnswer(1, this.value)">.</B>

<textarea rows="2" cols="85" name="a1d" style="background-repeat:no-repeat"></textarea>


<INPUT TYPE="button" NAME="check" VALUE="Check Answers" onClick=CheckAnswers()>
</FORM>
</div>
</FONT>
</BODY>
</HTML>

Hello, i haven't understood how to find the id from buttons, links, button images to auto click yet for example, i want to CLICK HERE how can i do that? how i find the id (I Own firefox with firebug and know basic html) it will be something like
javascript:document.GetElementById('id').click(); right?
but just want to know how to find or create ids on sites for auto click
thanks

I'm not sure if this is the correct forum or not, but here goes.

I want to make a very simple XUL document. Just a simple basic window to be opened up, but, i want the XUL to Load and Render an HTML File.
I'm not sure about what function(s) to call to achieve this, can anyone give me any ideas to go on?

here's what i have so far

use my JavaScript Function called LoadFromDisk(FileName), if the file is there or the load is sucessfull, it can be stored as a variable. And then i have a single Division in the XUL document called RenderWindow. From there i set the innerHTML of the RenderWindow to the data that was loaded from the disk.
Is this the right way?

thanks

After some severe experimentation I got to googling for an answer and stumbled upon these forums.

So my big question is, is it possible to use getElementsByName() with a variable as the parameter? And if not what is another way I can get at each element based on a variable list of names.

Code:

var curObjSet = document.getElementsByName(String(idStack[y])).item(0)

I'm trying desperately to make my code organic and not to have to hard code field names but without this working its leaving me with out options.

Thank you for any time and help provided.

- Eric

Hi all together!

I have downloaded a javascript obfuscator and checked it out. It seems as it takes my code an put it together with a new function "function(x)" in the eval()-statement.

But what does this "function(x)"? I do not understand it...

And why is all putted in the eval()-Statement?

Can someone help me?



-- START--

eval(

(
function(x){

var d="";
var p=0;

while(p<x.length) {

if(x.charAt(p)!="`") {
d+=x.charAt(p++);
} else {

var l=x.charCodeAt(p+3)-28;
if(l>4) {
d+=d.substr(d.length-x.charCodeAt(p+1)*96-x.charCodeAt(p+2)+3104-l,l);
} else {
d+="`";
p+=4
}

}
}

return d
}

)

("
...MY OLD JAVA SCRIPT...
")

)

-- END--

Hi Everybody,

I'd be grateful if you could help me out. I need to change the CSS by changing the id when a link is clicked.
The id is in the body tag and by default it is named 'first'. i.e
<body id="first">.
If I click on the link named 'Change id to Second', this should change to <body id="Second">.
If I further click on the link named "Change id to Second" this should change to
<body id="Third">.

My code below works (I have stripped this down to make sense), but only when I click one of the links for the first time. If I am to click the second/ third link, nothing happens:

Code:

<html>
<head>
<script type="text/javascript">
function changeFirst() {
                 document.getElementById('blanky').id  = 'first';
              	 document.getElementById('second').id  = 'first';
		 document.getElementById('third').id   = 'first';
             }
function changeSecond() {
                 document.getElementById('blanky').id = 'second';
              	 document.getElementById('first').id  = 'second';
		 document.getElementById('third').id  = 'second';
             }
function changeThird() {
                 document.getElementById('blanky').id  = 'third';
              	 document.getElementById('first').id   = 'third';
		 document.getElementById('second').id  = 'third';
             }
</script>
</head>
<body id=first><!-- I need to change this id -->
<p>Hello, the id above should change when the following links are clicked</p>
<a  onclick="changeFirst()">Change id to First</a>
<a  onclick="changeSecond()">Change id to Second</a>
<a  onclick="changeThird()">Change id to Third</a>
</body>
</html>

Any help will be greatly appreciated.

Cheers

hi, if i have an array of "hop", "skip", "jump" "run", how do i prompt the user to enter a number between 1 and 4 to bring back one of the array list without using an if or switch statement...

the code i have so far is:

numbers= new Array();
numbers[0]="hop";
numbers[1]="skip";
numbers[2]="jump";
numbers[3]="run";

thanks

I am a newbie with a newbie question =)

I recently took an exam type thing using my Firefox browser (v3.5.3). I still have my browser window open that I used, and when I press the back button on the browser I get a message "To display this page, Firefox must send information that will repeat any action ..."

Is there any way (either disk or memory cache) to reload the pages with out having to resend the data, OR is there any way (hex editor) to view the exam (forms) questions??

Just curious,
Thanks

I'm in a computer coding class, and I'm having a bit of trouble with Javascript. I'm not looking for anyone to do my homework for me, but any hints you could give me as to why this code isn't working would be greatly appreciated.

Basically, I need an empty text box where the user enters their guess as to my age. The user enters their guess, and then gets an answer as to whether their guess is right, too high, or too low. The page looks right, but I can't get the function to work. Thank you...




<html>

<head>



<script>
function howoldami(age)

if(age=23)
{
alert("You guessed right!");
}

else if
{
(age>23)
alert("I'm not that old.");
}

else
{
alert("I'm not that young.");
}


</script>
</head>
<body>



<form>
Guess My Age!<input name="age"><br>
<input type=button value=Guess! onclick="howoldami(age.value)">

</form>
</body>
</html>

I'm using the following javascript for my main navigation.

Quote:
var mastertabvar=new Object()
mastertabvar.baseopacity=0
mastertabvar.browserdetect=""

function showsubmenu(masterid, id){
if (typeof highlighting!="undefined")
clearInterval(highlighting)
submenuobject=document.getElementById(id)
mastertabvar.browserdetect=submenuobject.filters? "ie" : typeof submenuobject.style.MozOpacity=="string"? "mozilla" : ""
hidesubmenus(mastertabvar[masterid])
submenuobject.style.display="block"
instantset(mastertabvar.baseopacity)
highlighting=setInterval("gradualfade(submenuobject)",50)
}

function hidesubmenus(submenuarray){
for (var i=0; i<submenuarray.length; i++)
document.getElementById(submenuarray[i]).style.display="none"
}

function instantset(degree){
if (mastertabvar.browserdetect=="mozilla")
submenuobject.style.MozOpacity=degree/0
else if (mastertabvar.browserdetect=="ie")
submenuobject.filters.alpha.opacity=degree
}


function gradualfade(cur2){
if (mastertabvar.browserdetect=="mozilla" && cur2.style.MozOpacity<1)
cur2.style.MozOpacity=Math.min(parseFloat(cur2.style.MozOpacity)+0.1, 0.99)
else if (mastertabvar.browserdetect=="ie" && cur2.filters.alpha.opacity<100)
cur2.filters.alpha.opacity+=10
else if (typeof highlighting!="undefined") //fading animation over
clearInterval(highlighting)
}

function initalizetab(tabid){
mastertabvar[tabid]=new Array()
var menuitems=document.getElementById(tabid).getElementsByTagName("li")
for (var i=0; i<menuitems.length; i++){
if (menuitems[i].getAttribute("rel")){
menuitems[i].setAttribute("rev", tabid) //associate this submenu with main tab
mastertabvar[tabid][mastertabvar[tabid].length]=menuitems[i].getAttribute("rel") //store ids of submenus of tab menu
if (menuitems[i].className=="selected")
showsubmenu(tabid, menuitems[i].getAttribute("rel"))
menuitems[i].getElementsByTagName("a")[0].onmouseover=function(){
showsubmenu(this.parentNode.getAttribute("rev"), this.parentNode.getAttribute("rel"))
}
}
}
}
Can someone please show me how to add an ".onmouseout" function so that when a user rolls out of any of the top level navigation the submenu defaults to the navigation for the current page?
http://www.mohrdesigns.com

Thanks in advance for any help!

Thinking in Objects
4 objects w/constructors/overloads
min 3 properties on each
min 3 methods total


was just wondering if anyone had any good links or tutorials to get me started on my first javascript assignment

Hi!

Im new to the world of javascript, so bare with me.
It might be a stupid question but i got a input form, i know how to get the data in but i need to single out one of the numbers. the input looks like: xxxxxx-xxxx

I've tried almost everything that i can think of... A nudge in the right direction would be appreciated.

I know how the replace method works, but I can't for the life of me figure out exactly what this replace function is doing... Can someone shed somelight for me? the g I *think* is a flag for global replacement...

Code:

replace(/\s/g, " ");

I know that *something* is being replaced by a non-blank space, but what?

Hello,
I'm looking for an example on adding items from a popup window to my current form.

So I have a form where a user will request some data and one of the options is to request certain files. So, I would like to add a button which allows the user to open a separate window to choose some files to associate with the form/request. I would then like to see those items show up in my current form .

I hope this makes sense :-)

Thanks,
tom