javascript question

perfect_circle · 12-30-2005, 07:49 PM

I'm trying to implement something and unfortunately, it seems like I need javascript, which I don't know and I don't have time to learn.
Let's hope someone of you can post me some sample code.

I have some links in a page that are created dynamically with php. php reads the result of Mysql query:
SELECT Name,Code FROM <a table> Where <kjdhfjdsh>
and creates a table of links that looks like this:

Code:

<a href=sql.php?Code="code_from_query">"Name_from_query"</a>

Is it possible to add some checkboxes lets say a,b,c
and post the value without having a submit button, but by updating all the links to look like this:

Code:

href=sql.php?Code="code_from_query"&a=[1|0]&b[1|0]&c=[1|0]

1 if the boxes are ticked and 0 if not

THANX

pnellesen · 01-03-2006, 03:01 PM

Yes, that's possible, but somewhat involved. The following is all off the top of my head: Basically, you'd first set the "METHOD" attribute of your form tag to "POST" and add a "name" or "id" attribute to it as well, and then add a "name" or "id" value to your checkboxes (in your case, "a", "b", and "c"). Then, you'd create a javascript function which would be called when a user selected a link (href="javascript:sendValues()" or something like that). Your Javascript function would then record the "Checked" property of each checkbox that has the name/id value of the checkboxes in question by appending it to a string which would become the queryString value of your url. Next, you would set the form.action property to the url you want to post to (with the appropriate query string appended to it), and then finally fire off the "form.submit()" method for your form. Something like this:

Code:

<script language="JavaScript">

function sendValues() {
	var qString = "?a=" + document.myForm.a.checked + "&b=" + document.myForm.b.checked + "&c=" + document.myForm.c.checked;
	document.myForm.action = document.myForm.action + qString;
	document.myForm.submit();
}

</script>

The form would look something like this:

Code:

<form name="myForm" action="myresult.html" method="POST">

<h2>Some checkboxes</h2>
A) <input type="checkbox" name="a"/><br/>
B) <input type="checkbox" name="b"/><br/>
c) <input type="checkbox" name="c"/><br/>

Click the link:

<a href="javascript:sendValues()">Send the values</a>
</form>

Again, this is all off the top of my head, there are probably better ways to do this - you may want to get a quick JavaScript primer from something like this: http://www.irt.org/xref/index.htm

Hope this helps a little.

perfect_circle · 01-20-2006, 12:29 AM

Actually I kind of used something like what you suggested for another problem in the same project.

instead of doing something like this:

Quote:

function sendValues() {
var qString = "?a=" + document.myForm.a.checked + "&b=" + document.myForm.b.checked + "&c=" + document.myForm.c.checked;
document.myForm.action = document.myForm.action + qString;
document.myForm.submit();
}

I did something like:

Quote:

function sendValues() {
var qString = "?a=" + document.myForm.a.checked + "&b=" ....
this.document.location.href= "display_query.php" + qString;
}

Thanks for the reply.....