JavaScript - Suckerfish Dropdowns - Add Touchstart, Crazy Idea

Hi,

I've currently got a group of dropdowns that update a price total on my site. I want to add an 'add to cart' button too but this requires each drop down having 2 values (one to update total and one to go towards the 'add to cart button'). I've researched this but still have no idea how to go about getting 2 values from one dropdown though.

What I've done is create an explanation page where I have one form for the running total, and then a completely seperate form for the add to cart. Both work independanly, but I want to effectively combine them. Here's the page:
tigerfrog.co.uk/merge_codes.html

code for running total is:
Head Code:

<script language="JavaScript" type="text/javascript">

function calc2(){
var totalStr = ''; // for testing only
var totalValue=0;
var DDL;
var cnt = 0; // for testing only
for (var j=1; j<=2; j++) {
DDL = document.getElementById('dropDownList'+j);
temp = DDL.options[DDL.selectedIndex].value;
totalValue += Number(temp);
if (DDL.selectedIndex != 0) { totalStr += '|'+temp; cnt++; } // cnt++ is for testing only
}
document.forms[0].total.value=totalValue;
}
</script>

Body Code:

<form id="dropDownForm2" name="dropDownForm2">
<td class="style14">&nbsp;<select id="dropDownList1" class="style10" name="D10" onchange="calc2();">
<option selected="" value="10">item1</option>
<option value="20">item2</option>
<option value="30">item3</option>
</select> <br />
</td>
<td class="style14">&nbsp;<select id="dropDownList2" class="style10" name="D11" onchange="calc2();">
<option href="alloy.htm" selected="" value="11">item4</option>
<option value="12">item5</option>
<option value="13">item6</option>
</select><br />
total </td>
<input class="style10" name="total" onfocus="blur()" readonly="" size="4" style="width: 46px; height: 22px;" type="text" value="958" /></form>

The code for the add to cart is:
Code:

<form action="http://www.romancart.com/cart.asp" method="post">
<input name="storeid" type="hidden" value="43579" />
<input name="itemcode" type="hidden" value="TF Series" />Frameset
<select name="itemname2">
<option value="TF100" value="TF100">item1</option>
<option value="TF300C" value="TF300">item2</option>
<option value="TF400C" value="TF400">item3</option>
</select><br />
Groupset <select name="itemname5">
<option value="SL T1" value1="SL T1">item4</option>
<option value="SLR T1" value1="SLR T1">item5</option>
</select><br />
<input type="submit" value="Add to basket" />
</form>

If I had 2 values from each drop down in the first group of dropdowns then I could get it working, but I'm not sure how to do this.

Any help will be great,

Phil

Apologizes for the long post, I wanted to be thorough.
I am not very familiar with Javascript at all, learning every day - but hopefully this has an easy fix.

I'm making an application where students can select their SCHOOL in a dropdown, which based on the selection, displays a second dropdown containing CLASSES. This part works fine.

It then converts the value of the dropdown-selection to an ID-number which is used pasted in a URL for that class's online schedule (Example: www. url.com/generator/school= '+chosenSchool+' class= '+chosenClass+' blablabla.aspx) - plus saves the ID to recognize the selection for later use. This also worked fine, before I added the more than one school.

Now, whenever I select a SCHOOL and a CLASS, I get the correct SCHOOL but the CLASS is always the FIRST ID in the list (marked in red ), and I'm not sure why.
I thought about creating different variables for each class-list, but there is really more than two, and I need the name of the variable to be the same (chosenSchool) for the storing and URL-input.

Code:

$(function() {
    $("#school").change(function() {


 // DROPDOWN LIST WITH DIFFERENT SCHOOLS 

		var schoolValue = document.getElementById('dropdown-school').selectedIndex;    // GETS THE DROPDOWN VALUE (0-1) 
		var schoolID = ["60690","60360"]       // NEEDED ID 
		chosenSchool=schoolID[schoolValue]   // CONVERTS TO ID 
    
	
		var selectedSchool = $("#school").val();    // MANAGE DROPDOWNS BELOW 
	

 // DISPLAYS DROPDOWN LIST WITH CLASSES FROM THE FIRST SCHOOL WHEN SELECTED 
	
		if(selectedSchool == "firstSchool") {
			$("#firstSchool").show();       // SHOWS DROPDOWN IF THE RIGHT ONE 
			var firstClassValue = document.getElementById('classlist-1').selectedIndex;    // GETS THE DROPDOWN VALUE (0-5) 
			var firstClassID =
[" 45B9D5AD-8E32 ","0A9261F7-8BC7E","307C7E8C-054E","B21D19A7-5076","99ECF5B8-E0E1","36B44988-006F""]    // NEEDED ID 
			chosenClass=firstClassID[firstClassValue]    // CONVERTS TO ID 
		}
		else {
			$("#firstSchool").hide();       // HIDES DROPDOWN IF NOT THE RIGHT ONE 
        }


 // DISPLAYS DROPDOWN LIST WITH CLASSES FROM THE SECOND SCHOOL WHEN SELECTED 

		if(selectedSchool == "secondSchool") {
            $("#secondSchool").show();       // SHOWS DROPDOWN IF THE RIGHT ONE 
			var secondClassValue = document.getElementById('classlist-2').selectedIndex;    // GETS THE DROPDOWN VALUE (0-5) 
			var secondClassID =
[" 4EBF33E0E514 ","05F96E17-8DF9","4EA71DA6-5CCC","F7D08749-746E","0CA6F782-6B9D","BBD66276-752F"]    // NEEDED ID 
			chosenClass=secondClassID[secondClassValue]    // CONVERTS TO ID 
        }
        else {
            $("#secondSchool").hide();       // HIDES DROPDOWN IF NOT THE RIGHT ONE 
        }

    });
	    $('#school').trigger('change');			 // TRIGGERS THE CHANGE 
});


 // SAVES THE SELECTED VALUES 

function saveSettings() {
localStorage.setItem('SCHOOL', chosenSchool);	     // SAVES SCHOOL ID-NUMBER 
localStorage.setItem('CLASS', chosenClass);	     // SAVES CLASS ID-NUMBER 
location.reload(true)                		 // RELOAD WITH SAVED VALUES 
}


  // HTML: 

 SCHOOL DROPDOWN:
	<select name="school" id="school">
		<option value="val0">firstSchool</option>
		<option value="val1">secondSchool</option>
	</select>

CLASS DROPDOWN 1:
	<select name="classlist-1" id="classlist-1">
		<option value="val0">Class 1</option>
		<option value="val1">Class 2</option>
		<option value="val2">Class 3</option>
		<option value="val3">Class 4</option>
		<option value="val4">Class 5</option>
		<option value="val5">Class 6</option>
	</select>

CLASS DROPDOWN 2:
	<select name="classlist-2" id="classlist-2">
		<option value="val0">Class 1</option>
		<option value="val1">Class 2</option>
		<option value="val2">Class 3</option>
		<option value="val3">Class 4</option>
		<option value="val4">Class 5</option>
		<option value="val5">Class 6</option>
	</select>  

So my "chosenClass" is always the ID marked red. Why?
Appreciate and help I can get.. Thanks for reading.
Please keep in mind that I have more than two schools and class-lists, and any misspellings might be because I changed some values to keep it simple.

Regards,
Andrew.

Hi,
I have mutiple dropdowns in my HTML table in one of the columns.The dropdowns have three values 'Blank','Approve' and 'Reject'.What I want is when user changes the values in any of the dropdown,It will ask for the confirmation from user.If user click OK ,it will change the value in dropdown and calls another function else it will be reset to previous value.e.g, Suppose previous value is 'Reject' and user tries to change it to 'Approve'.When confirm window comes up and user clicks cancel it will reset to Reject.On OK it will change to 'Approve'. How can I handle this in Javascript? Please help.

Thanks,
Anil

I have a page with 6 dependant drop down boxes. I also have a text field with a copy to clipboard button.

What I need it to do is send the drop down selections to the text field to be copied along with some static text. The resulting text field would look something like this after the selections are made.

"Per Wizard: Choice 0: Selection 2, Choice 1: Selection 2, Choice 2: Selection 4 ..."

Can this be done on each line as a second onChange event?

Code:

<html>

<head>
<HEAD>

<script type="text/javascript">
<!--
var arrItems1 = new Array();
var arrItemsGrp1 = new Array();

arrItems1[1] = "Selection 1";
arrItemsGrp1[1] = 1;
arrItems1[2] = "Selection 2";
arrItemsGrp1[2] = 1;
arrItems1[3] = "Selection 3";
arrItemsGrp1[3] = 1;

var arrItems2 = new Array();
var arrItemsGrp2 = new Array();

arrItems2[12] = "Selection 1";
arrItemsGrp2[12] = 1
arrItems2[13] = "Selection 2";
arrItemsGrp2[13] = 1
arrItems2[14] = "Selection 3";
arrItemsGrp2[14] = 1
arrItems2[15] = "Selection 4";
arrItemsGrp2[15] = 1
arrItems2[16] = "Selection 5";
arrItemsGrp2[16] = 1
arrItems2[17] = "Selection 6";
arrItemsGrp2[17] = 1

var arrItems3 = new Array();
var arrItemsGrp3 = new Array();

arrItems3[42] = "Selection 1";
arrItemsGrp3[42] = 12
arrItems3[43] = "Selection 2";
arrItemsGrp3[43] = 12
arrItems3[44] = "Selection 3";
arrItemsGrp3[44] = 12

var arrItems4 = new Array();
var arrItemsGrp4 = new Array();

arrItems4[133] = "Selection 1";
arrItemsGrp4[133] = 42

var arrItems5 = new Array();
var arrItemsGrp5 = new Array();

arrItems5[244] = "Selection 1";
arrItemsGrp5[244] = 133
arrItems5[245] = "Selection 2";
arrItemsGrp5[245] = 133

function selectChange(control,nu){
var frm=control.form;
var sel=frm['Choice'+nu];
var iary=window['arrItems'+nu];
var gary=window['arrItemsGrp'+nu];
var cnt=1;
while (frm['Choice'+cnt]){
if (cnt>=nu){
while (frm['Choice'+cnt].firstChild){
frm['Choice'+cnt].removeChild(frm['Choice'+cnt].firstChild);
}
}
cnt++;
}
var myEle=document.createElement("option");
myEle.appendChild(document.createTextNode("[SELECT ONE]"));
myEle.setAttribute("value","0");
sel.appendChild(myEle);
for (var x = 0 ; x < iary.length ; x++ ) {
if ( gary[x]==control.value ) {
myEle = document.createElement("option");
myEle.setAttribute("value",x);
myEle.appendChild(document.createTextNode(iary[x]));
sel.appendChild(myEle);
}
}
}
// -->
</script>
<script language='Javascript'>
function doact(d)
{
var doc = eval("document.form."+d);
cp = doc.createTextRange();
doc.focus();
doc.select();
cp.execCommand("Copy");
}

function FP_popUpMsg(msg) {//v1.0
alert(msg);
}
</script>
</HEAD>

<BODY>

<form name=form>
<div align="center">
<table border="2" width="790" id="table1" bordercolor="#64367C">
<tr>
<td width="778" align="left" colspan="2">
&nbsp;</td>
<tr>
<td width="305" align="left">
<font size="2" face="MS Sans Serif">&nbsp;Choice 1:<font size="2" face="MS Sans Serif">
<select id="Choice0" name="Choice0" onchange="selectChange(this, 1);">
<option value="0" selected>[SELECT]</option>
<option value="1">Selection 1</option>
<option value="2">Selection 2</option>
<option value="3">Selection 3</option>
</select></font></font></td>
<td width="225" align="center" onclick="FP_popUpMsg('More Info')">
<font face="MS Sans Serif" size="2" color="#FF0000">*</font><font face="MS Sans Serif" size="2" color="#0000FF">
<u>
Tell me more</u></font></td>
<tr>
<td width="547" align="left">
<font size="2" face="MS Sans Serif">&nbsp;&nbsp;&nbsp; Code 2: 
<select id="secondChoice" name="Choice1" onchange="selectChange(this, 2); "></select></font></td>
<td width="225" align="center" rowspan="4">
<TEXTAREA name="text1" cols="25" rows="5">
Selections will populate here.
</TEXTAREA><input onclick="doact('text1')" type="button" value="Copy">
</td>
</tr>
<tr>
<td width="547" align="left">
<font size="2" face="MS Sans Serif">&nbsp;&nbsp;&nbsp; Code 3: 
<select id="thirdChoice" name="Choice2" onchange="selectChange(this, 3);"></select></font></td>
</tr>
<tr>
<td width="547" align="left">
<font size="2" face="MS Sans Serif">&nbsp;&nbsp;&nbsp; Code 4: 
<select id="fourthChoice" name="Choice3" onchange="selectChange(this, 4);"></select></font></td>
</tr>
<tr>
<td width="547" align="left">
<font face="MS Sans Serif" size="2">&nbsp;&nbsp;&nbsp;&nbsp;Code 5: </font> <font size="3" face="Courier">
<select id="fifthChoice" name="Choice4" onchange="selectChange(this, 5);" size="1"></select></font></td>
</tr>
<tr>
<td width="547" align="left">
<p><font face="MS Sans Serif" size="2">&nbsp;&nbsp;&nbsp; Answer: </font>
<font size="3" face="Courier">
<select id="sixthChoice" name="Choice5" onChange="alert('Reminder')" size="1"></select>
</font></p></td>
<td width="225" align="center">
<font size="2" face="MS Sans Serif">
<a target="_blank" href="reference.htm">Show the Full Spreadsheet</a></a></font></td>
</tr>
<tr>
<td width="778" align="left" colspan="2">
&nbsp;</td>
</tr>
</table>
</div>
</form>

</body>

</html>

I'd like to create two dropdown (select) lists with a search button next to it so if the user chooses A in the first list and C in the second list and clicks 'search', the results return items that relate to both A and C.

Practical Example:

User chooses "London" in the first dropdown and "Middle Schools" in the second.

Result returns the middle schools I've listed for London.

How can this be done or if it can't, is there another way to achieve what I want?

-edit- I found what I wanted he http://www.alistapart.com/d/complexd...ts&de=Pancakes

However, now my question is what would I put in for the form "action" to populate the results?

i want to ask about something..
i made a software using php , ajax and javscript..

now as any product i want to make updates on my software, when any updates is available, i want to let the user knows that there is a new update with a new version so the user can download it....

Example: like the update of mccafe, windows....etc..........

my idea is to use the webservice and let the software when loggin-in uses the webservice to check if there is any updates and tell the user with a message the version is updated,please download new version

but till now i can not make this webservice..

Any idea of using webservice or any other idea???????

IN a tetxt based RPG im making the weapons they are coded in Javascript arrays and i was wondering is there any way to code who wins other then using javascript if statments?

hi everyone,

I want to create a photo album with 3 images like these:


I hide two of them and make them little smaller then main one:
+ added two arrows to both sides.


the thing is that I want those images to change when someone pushes the arrows. What is more, I want changing style to be something like spinning around the circle.

The thing is that I want to save the image on which user was last and when he comes back - it will show his last image. I also would like to use image or other content like some HTML script.

is it possible to do it with JavaScript only? Maybe there is something like that already created. I do not think that it is cery hard, just need deeper knowledge than mine.

Kind regards...

Hello All,

I have made the below code but i want to add something extra to it. I have tried to do it several times already but the code just seems to stop working

What i need it to do is to keep asking the user to enter the CD Title and CD Cost repeatedly and to total all the CD Costs together.


<html>
<body>
<script language='JavaScript'> //set the language
a=(prompt('please enter the CD Title:',0)); // enter the cd title promt
b=parseFloat(prompt('please enter the CD Cost:',0)); // enter the cd cost promt

document.writeln(' your CD Title is: <b>' + a + '</b>'); //write the cd title to the screen in bold
document.writeln(' your CD Cost is: <b>' + b + '</b>'); //write the cd cost to the screen


</script>
</body>
</html>


E.g.

Customer wants to buy X CD's.

The prompt will appear X times untill the customer has no more CD's they want to buy

All the CD Titles & CD Costs should be written to the screen

With Total

End Product:

your CD Title is: RnB Classic Vol 1 your CD Cost is: 1.00
your CD Title is: RnB Classic Vol 2 your CD Cost is: 1.00
your CD Title is: RnB Classic Vol 3 your CD Cost is: 1.00

Total Cost 3.00


Can anyone help?

Hello everyone I have this grand idea of creating a website and on it would be a large cube that, when one clicks and drags a corner, the cube would rotate in correspondence to the direction one drags his/her mouse and displays the other sides of the cube.

I'm a total beginner in Javascript so I don't know where to start out! Should I first make the cube in a 3-D model rendering program such as Blender? Or Photoshop? Etc.

All help is appreciated.

i have a great idea about a website where people make a profile and then make a music playlists based on there moods. but i cant find how to make user accounts. i have a code for the sign up and login sheets, but they lead to nothing. I am a a really new beginner at coding, so any help would be very thankful.
This is the code for the sign up sheets:
PHP Code:
<form id='login' action='login.php' method='post' accept-charset='UTF-8'>  

<fieldset >  

<legend>Login</legend>  

<input type='hidden' name='submitted' id='submitted' value='1'/>  

<label for='username' >UserName*:</label>  

<input type='text' name='username' id='username'  maxlength="50" />  

<label for='password' >Password*:</label>  

<input type='password' name='password' id='password' maxlength="50" />  

<input type='submit' name='Submit' value='Submit' />  

</fieldset>  

</form> 



AND THIS IS the code for the log in sheet:
PHP Code:


<form id='register' action='register.php' method='post'





    accept-charset='UTF-8'>





<fieldset >





<legend>Register</legend>





<input type='hidden' name='submitted' id='submitted' value='1'/>





<label for='name' >Your Full Name*: </label>





<input type='text' name='name' id='name' maxlength="50" />





<label for='email' >Email Address*:</label>





<input type='text' name='email' id='email' maxlength="50" />





<label for='username' >UserName*:</label>





<input type='text' name='username' id='username' maxlength="50" />





<label for='password' >Password*:</label>





<input type='password' name='password' id='password' maxlength="50" />





<input type='submit' name='Submit' value='Submit' />





</fieldset>





</form> 

i want to update the table -play -win -draw -lost -goals in the following code when i enter the score. (e.g if i select manchester united from drop down1 and chelsea from dropdown 2- i get to update their score. let's say i update their score 1-0. in this case manchester won. i want the record to updated to manchester united as :win 1 - draw 0 - lost 0 goals 1 and chelsea as :win 0 - draw 0 lost 1 goals -1. what shall i do? how do i continue?


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" href="../css/foot.css" type="text/css" media="screen"/>
</head>
<body>
<div class="container">
<header>
<h1>Online Automated Football League Result</h1>
</header>
</div>

<div class="ball">

<label for="first">Please select the first team:</label>
<select id="first">
<option value="team_1">Manchester United</option>
<option value="team_2">Liverpool</option>
<option value="team_3">Chelsea</option>
<option value="team_4">Arsenal</option>
<option value="team_5">Manchester City</option>
<option value="team_6">Real Madrid</option>
<option value="team_7">Bayern Munich</option>
<option value="team_8">Barcelona</option>
</select>
<label for="second">Please select the second team:</label>
<select id="second">
<option value="team_1">Manchester United</option>
<option value="team_2">Liverpool</option>
<option value="team_3">Chelsea</option>
<option value="team_4">Arsenal</option>
<option value="team_5">Manchester City</option>
<option value="team_6">Real Madrid</option>
<option value="team_7">Bayern Munich</option>
<option value="team_8">Barcelona</option>
</select>

<label for="username">Enter score for the match (First team and Second team)</label>
<input type="text" id="txtbox1" size="2"/>
<input type="text" id="txtbox2" size="2"/>
<input type="button" value="Update" onclick="updateTable();"/><br/>
<div id="err" style="color:Red;"></div>
<br/>

<table border="1" width="50%" id="score">
<thead>
<tr>
<th>Team</th>
<th>Point</th>
<th>Play</th>
<th>Win</th>
<th>Draw</th>
<th>Lost</th>
<th>Goal.S</th>
<th>Goal.C</th>
<th>Goal.D</th>
</tr>
</thead>
<tbody>
<tr>
<td>Manchester United</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
<td id="team_1">0</td>
</tr>
<tr>
<td>Liverpool</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
<td id="team_2">0</td>
</tr>
<tr>
<td>Chelsea</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
<td id="team_3">0</td>
</tr>
<tr>
<td>Arsenal</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
<td id="team_4">0</td>
</tr>
<tr>
<td>Manchester City</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
<td id="team_5">0</td>
</tr>
<tr>
<td>Real Madrid</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
<td id="team_6">0</td>
</tr>
<tr>
<td>Bayern Munich</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
<td id="team_7">0</td>
</tr>
<tr>
<td>Barcelona</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
<td id="team_8">0</td>
</tr>
</tbody>
</table>
</div>


<script type="text/javascript">

function updateTable(){
document.getElementById('err').innerHTML = '';
var firstdrop = document.getElementById("first").value; //get team from 1st drop down
var seconddrop = document.getElementById("second").value; //get team from 2nd drop down
var temp1 = document.getElementById("txtbox1").value; //get score for 1st team
var box1 = Number(temp1);//store score of 1st team
var temp2 = document.getElementById("txtbox2").value; //get score for 2nd team
var box2 = Number(temp2);//store score of 2nd team
var tablebox1 = Number(document.getElementById(firstdrop).innerHTML);//store name of 1st team
var tablebox2 = Number(document.getElementById(seconddrop).innerHTML);//store name of 2nd team


if(temp1 == '' || temp2 == ''){
document.getElementById('err').innerHTML = 'Please enter both scores.';
alert("Please enter both scores.");
return;
}

if(firstdrop != seconddrop){
if(box1 > box2){
document.getElementById(firstdrop).innerHTML = tablebox1 + 3;
}else if(box1 < box2){
document.getElementById(seconddrop).innerHTML = tablebox2 + 3;
}else{
document.getElementById(firstdrop).innerHTML = tablebox1 + 1;
document.getElementById(seconddrop).innerHTML = tablebox2 + 1;
}
}else{
document.getElementById('err').innerHTML = 'Please select two different teams.';
alert("Please select two different teams.");
}

}

</script>
</body>
</html>

hi...

I'm trying to pass this string and I keep getting the "missing ; before statement error" which I know means I not escaping something or something, but I've tried it every way I can think of and still no dice... any ideas?

Code:

content='<a href onclick="javascript: document.getElementById('searchbox').style.display='inline'">here<\/a> to enter your address' +'<div id="searchbox" display="hidden"><form action="javascript:getDirections()">' +'<input type="hidden" SIZE=40 MAXLENGTH=40 name="saddr" id="saddr" value="" /><br>' +'<div>';

thanks in advance...

This has been driving me crazy all day, cant seem to work out what im doing wrong.

Alerts the correct URL
Used document.write and it works
But the redirect command doesnt initiate automatically on click and im not sure why.

Someone help!!


Code:

<html>

<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>http</title>
<style>
<!--
 p.MsoNormal
	{mso-style-parent:"";
	margin-bottom:.0001pt;
	font-size:11.0pt;
	font-family:"Calibri","sans-serif";
	margin-left:0cm; margin-right:0cm; margin-top:0cm}
-->
</style>

<script type="text/javascript">

function buildstring(form)
{

var text = form.text.value;
var xmljson = form.choice1.value;
var init = 'localhost:1234/PPTX/tr?service=extract&action=extractAll&text=';
var op = '&op=';
var first = init + text + op + xmljson;

var complete = "http://" + first;

alert (complete);

window.location = complete;
	
}



</script>
</head>

<body>

<form method="get" id="urlbuild">

<table>

<tr>
<td>
<h2>URL Builder</h2>
</td>
</tr>

<tr>
<td>
<input type="text" size="100" name="text" value="">
</td>
</tr>
</table>

<table>
<tr>
<td>
<select type="one" name="choice1">
<option value="xml"> XML
</option>
<option value="json"> JSON
</option>
</select>
</td>


<td>
<p>Please choose XML or JSON.</p>
</td>
</tr>
</table>

<table>
<tr>
<td>
<input type="submit" onClick="buildstring(this.form)"> 

</td>
</tr>
</table>


</form>

</body>

</html>

Hi,
I read several examples, tried them all out - and nothing works! Driving me crazy - completely insane! Maybe you guys can help

My problem is simple:

file B.html includes this line:
Code:

<script type="text/javascript" src="B.js" defer="defer"></script>

file B.js is a regular JS file, yet I need to insert a PHP function in it (yeah - I know it will operate server-side before the page reaches the browser). I did something like:
Code:

(some js code)
var user_id = <?php $a=100; $b=200; $c=$a+$b; echo($c);?>;
alert("Your user ID is:" + user_id);
(some more js code)

(What I expect is the browser to see the line as: var user_id = 300; )

Doesn't work. Renaming B.js to B.php did nothing.
What am I doing wrong?

Thanks!