JavaScript - Putting Html In The Midde Of A Function ....

Hello! My first (but surely not last) post on this forum.

I made a drop box menu and I want to activate specific javascript functions when they are selected. I think this should be fairly easy to solve. I am very new at HTML and Javascript btw.

This is what I tried:

if (document.getElementById("selectense").value="present"){
document.getElementById("present").style.visibility="visible";
}


<span class="tensebox">
<select id="selectense">
<option onclick="showPresent()">Present</option>
<option onclick="showPC()">Present</option>
</select></span>



(and I have some text with the ID "present)

Hi All,

I have a button in my html form that will process some functions when user clicks on the button. The problem is after processing the functions, the result is not displayed in the form where I want it to be displayed. I want to ask whether we can create table in the function and display the result in the table row/column but in the same form. Is this possible to be done? And how to do this?

In this form cpiM, the input button will call function showIndex.
Code:

<tr>
 <td><input type="button" value="Enter" onclick="showIndex(document.cpiM.currFrom.options.selectedIndex, document.cpiM.currTo.options.selectedIndex, document.cpiM.base.options.selectedIndex, document.cpiM.country.options.selectedIndex)">
  </td>
  <td><input type="button" onclick="frmResetM()" value="Reset form" />
  </td>
</tr>

In this function, I want to display the result of calcIndex right below the button Enter in the form cpiM.
Code:

function showIndex(frm, to, base, country)
{
     for (i=frm; i<=to; i++)
     {
          document.write(calcIndex(i, base, country));
          document.write("<br/>");
     }	  
}

Hi,

Firstly, I would like to introduce myself. I am new to the application framework in sencha and JS.

Acutally i have to pop an image on click of the text. I checked some of the same codes and wrote this code in sencha javascript. can any one please check what's wrong with this code and let me know how to call this function from html code.

function showEditWindow() {

var win = new Ext.Window({
title: 'image',
width: 100,
height: 100,
html: '<img src=\"p1.png\"></img>',

});

win.show();
return win;
};

Hello all,

There's this javascript array on an html page, with some gifs in it.

How can I include swfs in this array?

Here's the code:

<script type="text/javascript">
var imageArray = new Array();

imageArray[0] = "images/animation9.gif";
imageArray[1] = "images/Title2.gif";
imageArray[2] = "images/animation4.gif";

function doIt()
{
var rand = Math.floor(Math.random()*3);

var imgPath = "<img src='"+imageArray[rand]+"' alt='Welcome to Kabeoke' border='0' align='absmiddle' />";

document.getElementById("image").innerHTML = imgPath;

}
</script>

Thank-you SO much in advance

Hi,
I'm using this to put menus on my website

http://simplythebest.net/scripts/DHT...script_79.html

at the top it says its capable of having more than one menu on a page, but it doesnt give the directions.
The website it links to for more help is dead.

Can anyone help me out?

Hey,

Im using Google Maps and when the user moves the map I have an event listener to return a string of routeIDs that are within the bounds of the map.

Later on in the page I have a PHP MySQL statement where it Has [ICODE] SELECT * FROM routes WHERE [ICODE] , and after the WHERE I want to add this string.

Basically as the user moves the map around, the list of available routes in bounds should change.

How can I do this without redirecting pages at all, as that destroys the functionality of the google map?

A typical return of the string would be [ICODE] id = 32 OR id = 58 OR id = 70 [ICODE] etc

Any ideas?

Thanks all,

Rick

I need some help putting the factors of a number (y) into an array

For example if y = 20: [1, 2, 4, 5, 10, 20]

Once I have this, I can use it to factor a quadratic:

(ax = c)(bx = d)

if c = 3 and d = 5 then I could check if 1c was a decimal, if 20d was a decimal and then vice versa

Basically, I can use these numbers to see if b or d is a whole number and if it isn't, try the next one.

If none of them are, then I can do y(ax + c)(bx + d)

Thanks!

Hey,
In the quiz function the form that is generated all compiles correctly, but the submit button only causes the page to refresh. What am I doing wrong?
Thank you

var c = "1"; //counter
var n = [68]; //array that stores unique random numbers
var t = "better clear";
var lc = [3];
var uc = [3];


//////////////////////////////////////////////
//The generate() function generates 68 random
//unique numbers.
//////////////////////////////////////////////


function generate()
{

var gen = 0; //variable that stores random integer.
var j = 1, i = 1; //integers used for loops




while (j <= 68)
{
gen = Math.floor(Math.random()*68+1);

for (i = 1; i <= j; i++)
{
if (n[i] == gen)
{
break;
}
else
{
if (i == j)
{
n [j] = gen;
j++;
break;
}
}
}
}

}

//////////////////////////////////////////////
//The rinfo() function reads information that
//is pertinent to current question (quality
//of triad (t), upper case, and
//lower case answers to the question).
//////////////////////////////////////////////


function rinfo()
{


if (n[c] == 1)
{
t = "a C Major";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "e"; //third
uc[2] = "E"; //third
lc[1] = "g"; //fifth
uc[1] = "G"; //fifth
}

if (n[c] == 2)
{
t = "a C Minor";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "eb"; //third
uc[2] = "Eb"; //third
lc[1] = "g"; //fifth
uc[1] = "G"; //fifth
}

if (n[c] == 3)
{
t = "a C Augmented";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "e"; //third
uc[2] = "E"; //third
lc[1] = "g#"; //fifth
uc[1] = "G#"; //fifth
}

if (n[c] == 4)
{
t = "a C Diminished";
lc[3] = "c"; //root
uc[3] = "C"; //root
lc[2] = "eb"; //third
uc[2] = "Eb"; //third
lc[1] = "gb"; //fifth
uc[1] = "Gb"; //fifth
}

if (n[c] == 5)
{
t = "a F Major";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "a"; //third
uc[2] = "A"; //third
lc[1] = "c"; //fifth
uc[1] = "C"; //fifth
}

if (n[c] == 6)
{
t = "a F Minor";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "ab"; //third
uc[2] = "Ab"; //third
lc[1] = "c"; //fifth
uc[1] = "C"; //fifth
}

if (n[c] == 7)
{
t = "a F Augmented";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "a"; //third
uc[2] = "A"; //third
lc[1] = "c#"; //fifth
uc[1] = "C#"; //fifth
}

if (n[c] == 8)
{
t = "a F Diminished";
lc[3] = "f"; //root
uc[3] = "F"; //root
lc[2] = "ab"; //third
uc[2] = "Ab"; //third
lc[1] = "cb"; //fifth
uc[1] = "Cb"; //fifth
}

if (n[c] == 9)
{
t = "a Bb Major";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 10)
{
t = "a Bb Minor";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "db"; //third
uc[2] = "Db"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 11)
{
t = "a Bb Augmented";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 12)
{
t = "a Bb Diminished";
lc[3] = "bb"; //root
uc[3] = "Bb"; //root
lc[2] = "db"; //third
uc[2] = "Db"; //third
lc[1] = "fb"; //fifth
uc[1] = "Fb"; //fifth
}

if (n[c] == 13)
{
t = "an Eb Major";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 14)
{
t = "an Eb Minor";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "gb"; //third
uc[2] = "Gb"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 15)
{
t = "an Eb Augmented";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "b#"; //fifth
uc[1] = "B#"; //fifth
}

if (n[c] == 16)
{
t = "an Eb Diminished";
lc[3] = "eb"; //root
uc[3] = "Eb"; //root
lc[2] = "gb"; //third
uc[2] = "Gb"; //third
lc[1] = "bbb"; //fifth
uc[1] = "Bbb"; //fifth
}

if (n[c] == 17)
{
t = "an Ab Major";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 18)
{
t = "an Ab Minor";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "cb"; //third
uc[2] = "Cb"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 19)
{
t = "an Ab Augmented";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 20)
{
t = "an Ab Diminished";
lc[3] = "ab"; //root
uc[3] = "Ab"; //root
lc[2] = "cb"; //third
uc[2] = "Cb"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 21)
{
t = "a Db Major";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 22)
{
t = "a Db Minor";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "fb"; //third
uc[2] = "Fb"; //third
lc[1] = "ab"; //fifth
uc[1] = "Ab"; //fifth
}

if (n[c] == 23)
{
t = "a Db Augmented";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 24)
{
t = "a Db Diminished";
lc[3] = "db"; //root
uc[3] = "Db"; //root
lc[2] = "fb"; //third
uc[2] = "Fb"; //third
lc[1] = "abb"; //fifth
uc[1] = "Abb"; //fifth
}

if (n[c] == 25)
{
t = "a Gb Major";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 26)
{
t = "a Gb Minor";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bbb"; //third
uc[2] = "Bbb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 27)
{
t = "a Gb Augmented";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 28)
{
t = "a Gb Diminished";
lc[3] = "gb"; //root
uc[3] = "Gb"; //root
lc[2] = "bbb"; //third
uc[2] = "Bbb"; //third
lc[1] = "dbb"; //fifth
uc[1] = "Dbb"; //fifth
}

if (n[c] == 29)
{
t = "a B Major";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d#"; //third
uc[2] = "D#"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 30)
{
t = "a B Minor";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f#"; //fifth
uc[1] = "F#"; //fifth
}

if (n[c] == 31)
{
t = "a B Augmented";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d#"; //third
uc[2] = "D#"; //third
lc[1] = "fx"; //fifth
uc[1] = "Fx"; //fifth
}

if (n[c] == 32)
{
t = "a B Diminished";
lc[3] = "b"; //root
uc[3] = "B"; //root
lc[2] = "d"; //third
uc[2] = "D"; //third
lc[1] = "f"; //fifth
uc[1] = "F"; //fifth
}

if (n[c] == 33)
{
t = "an E Major";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g#"; //third
uc[2] = "G#"; //third
lc[1] = "b"; //fifth
uc[1] = "B"; //fifth
}

if (n[c] == 34)
{
t = "an E Minor";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "b"; //fifth
uc[1] = "B"; //fifth
}

if (n[c] == 35)
{
t = "an E Augmented";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g#"; //third
uc[2] = "G#"; //third
lc[1] = "b#"; //fifth
uc[1] = "B#"; //fifth
}

if (n[c] == 36)
{
t = "an E Diminished";
lc[3] = "e"; //root
uc[3] = "E"; //root
lc[2] = "g"; //third
uc[2] = "G"; //third
lc[1] = "bb"; //fifth
uc[1] = "Bb"; //fifth
}

if (n[c] == 37)
{
t = "an A Major";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 38)
{
t = "an A Minor";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 39)
{
t = "an A Augmented";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 40)
{
t = "an A Diminished";
lc[3] = "a"; //root
uc[3] = "A"; //root
lc[2] = "c"; //third
uc[2] = "C"; //third
lc[1] = "eb"; //fifth
uc[1] = "Eb"; //fifth
}

if (n[c] == 41)
{
t = "a D Major";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 42)
{
t = "a D Minor";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "a"; //fifth
uc[1] = "A"; //fifth
}

if (n[c] == 43)
{
t = "a D Augmented";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 44)
{
t = "a D Diminished";
lc[3] = "d"; //root
uc[3] = "D"; //root
lc[2] = "f"; //third
uc[2] = "F"; //third
lc[1] = "ab"; //fifth
uc[1] = "Ab"; //fifth
}

if (n[c] == 45)
{
t = "a G Major";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "b"; //third
uc[2] = "B"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 46)
{
t = "a G Minor";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "d"; //fifth
uc[1] = "D"; //fifth
}

if (n[c] == 47)
{
t = "a G Augmented";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "b"; //third
uc[2] = "B"; //third
lc[1] = "d#"; //fifth
uc[1] = "D#"; //fifth
}

if (n[c] == 48)
{
t = "a G Diminished";
lc[3] = "g"; //root
uc[3] = "G"; //root
lc[2] = "bb"; //third
uc[2] = "Bb"; //third
lc[1] = "db"; //fifth
uc[1] = "Db"; //fifth
}

if (n[c] == 49)
{
t = "an A# Major";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "cx"; //third
uc[2] = "Cx"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 50)
{
t = "an A# Minor";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e#"; //fifth
uc[1] = "E#"; //fifth
}

if (n[c] == 51)
{
t = "an A# Augmented";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "cx"; //third
uc[2] = "Cx"; //third
lc[1] = "ex"; //fifth
uc[1] = "Ex"; //fifth
}

if (n[c] == 52)
{
t = "an A# Diminished";
lc[3] = "a#"; //root
uc[3] = "A#"; //root
lc[2] = "c#"; //third
uc[2] = "C#"; //third
lc[1] = "e"; //fifth
uc[1] = "E"; //fifth
}

if (n[c] == 53)
{
t = "a D# Major";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "fx"; //third
uc[2] = "Fx"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 54)
{
t = "a D# Minor";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "f#"; //third
uc[2] = "F#"; //third
lc[1] = "a#"; //fifth
uc[1] = "A#"; //fifth
}

if (n[c] == 55)
{
t = "a D# Augmented";
lc[3] = "d#"; //root
uc[3] = "D#"; //root
lc[2] = "fx"; //third
uc[2] = "Fx"; //third
lc[1] = "ax"; //fifth
uc[1] = "Ax"; //fifth
}





}

function first()
{
alert("W");
}

function quiz()
{
generate();
while (c <= 1)
{

rinfo();
var output_text = c + ". " + "Enter " + t + " triad.";
document.write("<h3>");
document.writeln(output_text);
document.write("</h3>");
document.write(" <form align = \"center\">");
document.write(" <input type = \"text\" size = \"2\" name = \"root\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"text\" size = \"2\" name = \"third\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"text\" size = \"2\" name = \"fifth\" value = \"\" maxlength = \"2\">");
document.write(" <input type = \"hidden\" name = \"question\" value = 1>");
document.write(" <input type = \"submit\" value=\"Check your answer\" onclick=\"first();\">");
document.write(" <\/form>");
c++;
}

}

Hi,


I'm trying to call a Js function from a test.js located in a HTML file.

I'm getting error message "Object has no method..." in Chrome. But no issues are seen in Firefox. Can any one please let me know how i can fix this.

<html>
<head>
....
....
....
<div>
<html>
<head>
<script src="test.js"></script>
<script>
function aFunc()
{
alert ("Inside aFunc");
}
</script>
</head>
<body>
</html>
....
....
....
</div>
</head>
</html>

test.js

function bFunc ()
{
aFunc ();
}

I was wondering if it is possible to put all the non null variables of an array into a string variable with spaces between each array value? For example, if array() is a text array and has 10 values, array(0) through array(9), with three of those values null, let's say array(3), array(5), and array(7) are null, is there a way to put the remaining seven values into a string variable with spaces between each array value?

Hi, my first question on this forum is I hope a simple one.

I have an input text field that I would like to have either the user fill out but also I would like to be able to fill it with text, which I can do, via javascript or a variable which I don't seem to be able to manage.

I have tried lots of options, converting to a string first and much more but it will not work, maybe it is a syntax error or maybe I am just doing it plain wrong. I think it should be simple but I have only been using javascript for a few weeks so who knows, hopefully one of you!

Here is my code for displaying a variable which does not work:
Code:

<html>
<head>
<script type="text/javascript">
function myfunction()
var mynumber = 101;
	
	document.getElementById("myinput").value = mynumber;
        
</script>
</head>
<body>


<p id="demo">Web Page 1</p>

<button type="button" onclick="myfunction()">JS</button>
<input type="text" value="00000000" id="myinput">
</body>
</html>

I would be very grateful for any help.
Thanks Simon

hopefully this is what I need to fix a problem with my code too.

I have a JS that resizes a few div widths on my page but when i also have the styles in a seperate file the JS does not work.

this is my original code that works when i use the following line in my html.

Code:

function Div(id,hw,ud) {
						var div=document.getElementById(id);
						 if (hw == "h"){
										 var h=parseInt(div.style.height)+ud;
											 if (h>=150){
											  div.style.height = h + "px";
											  //alert(hw + h);
											 }
							 } else if (hw == "w"){
													 var w=parseInt(div.style.width)+ud;
															 if (w>=150){
		  div.style.width = w + "px";
			  var inputdiv=document.getElementById('txt_message');
			  var inputw=parseInt(inputdiv.style.width)+ud;
			  inputdiv.style.width = inputw + "px";
		 }
}
						var chat_div = document.getElementById('div_chat');
						chat_div.scrollTop = chat_div.scrollHeight;
						}

Code:

<div id="div_chat" style="height: 300px; width: 500px; overflow: auto; background-color: #CCCCCC; border: 1px solid #555555;"></div>

if i was to use the following instead
Code:

<div id="div_chat"></div>

with
Code:

#div_chat { height: 300px; width: 500px; overflow: auto; background-color: #CCCCCC; border: 1px solid #555555; }

in my CSS file then the JS is fired (i added an alert() to my code to check this) but the widths are not changed.

what changes should i make to my codes to make this work so i can have the styles in my CSS file instead of the main HTML file.



edit: just thought you may need this part too so you can see what the call looks like.

Code:

<div>
resize chat log&nbsp;<img src="resize_d.gif" width="21" height="9" onclick="Div('div_chat','h',20);" alt="height +">&nbsp;
<img src="resize_u.gif" width="21" height="9" onclick="Div('div_chat','h',-20);" alt="height -">&nbsp;&nbsp;
<img src="resize_r.gif" width="21" height="9" onclick="Div('div_chat','w',20);" alt="width +">&nbsp;
<img src="resize_l.gif" width="21" height="9" onclick="Div('div_chat','w',-20);" alt="height -">
</div>

further edit: i have just tried the following JS but this time i get the following error...

Webpage error details

Message: Invalid procedure call or argument

on the following line

Code:

div.currentStyle["width"] = w + "px";

I am currently working in Microsoft Frontpage designing a website for a friend. I was trying to make a JS alert come up when I mouse over an image and I have had no luck at all.

This is the bit of code where The alert needs to be. I am a bit new to Javascript so I apologize if this was a stupid question.

Code:

<img border="0" src="../gallery%20pictures/Home.png" width="468" height="60"><br>
<br>
<p align="center">
<img
&lt;FORM src="../gallery%20pictures/THE%20BUTTON.png" width="388" height="372"> <br>
</p>
<p>&nbsp;</p>
</body>
</html>

i'm trying to "post" the selected checkboxes (name and value) into a mysql database;
i've search "docter google" for some answers and read that the "easiest" way to do this is to collect the checkboxes and put the values and names in to an hidden textfield ( function setvalue() ) and collect this textfield in a new page with php; but this doesn't work.
it seems that the variable naamtest is empty (when i load a word into this var arv it does work)

can someone find my error?

Code:

<script type="text/javascript">
function shift(which)
{

var counter = 0;  // counter for checked checkboxes     
var i       = 0;  // loop variable     
var veck     = "";// final url variable 
var beginsaldo = 79;
var namen_array = "";
var va_array = "";
var namen = "";
var valu = "";
var input_obj = document.getElementsByTagName('input');      // get a collection of objects with the specified 'input' TAGNAME     
for (i=0; i < input_obj.length; i++){            // loop through all collected objects    
if (input_obj[i].type == 'checkbox' && input_obj[i].checked == true){             // if input object is checkbox and checkbox is checked then ...      
counter++;			// ... increase counter 
var valcheck = input_obj[i].value;		// waarde van de geselecteerde checkbox in variable steken
test = Number(valcheck);		// absolute rekenwaarde van variable maken
beginsaldo -=   test; //beginsaldo verminderen met de checkbox value   

if (counter > 0){
var naam = input_obj[i].name + '  ';
var val = input_obj[i].value + '  ';
namen = namen +  naam; 
valu = valu +  val; 
namen_array	= 	namen.split("  ");
va_array	= 	valu.split("  ");
var naamtest = namen_array;

}}}  
if (counter > 10){
alert ("u mag maar 10 renners selecteren");

var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
        tds[0].getElementsByTagName("input")[0].checked = false;
}

else if (beginsaldo < 0){
alert ("uw saldo is te laag om dit uit te voeren");

var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
        tds[0].getElementsByTagName("input")[0].checked = false;
}

else{

    var tr = which.parentNode;
    while ( tr.tagName.toUpperCase() != "TR" )
    {
        tr = tr.parentNode;
        if ( tr == null ) return; // something went very wrong!
    }
    var tds = tr.getElementsByTagName("td");
    if ( tds[0].getElementsByTagName("input")[0] == which )
    {
        tds[2].innerHTML = tds[0].innerHTML;
        tds[0].innerHTML = "&nbsp;";
        tds[3].innerHTML = tds[1].innerHTML;
        tds[1].innerHTML = "&nbsp;";
        tds[2].getElementsByTagName("input")[0].checked = true;
    } else {
        // this code is optional!!
        tds[0].innerHTML = tds[2].innerHTML;
        tds[2].innerHTML = "&nbsp;";
        tds[1].innerHTML = tds[3].innerHTML;
        tds[3].innerHTML = "&nbsp;";
        tds[0].getElementsByTagName("input")[0].checked = false;
    }

function setValue()
{

var arv = naamtest.join();
// This line converts js array to String 
document.f2.arv.value=arv;
// This sets the string to the hidden form field. 
}}}
</script>