JavaScript - Can I Declare Javascript Variables Once And Use Them In Multiple Html Files?

Is there a way I can use JavaScript to compile a list of checkboxes with the value of the url of the file I wish to upload from my computer.

And then with that checklist PHP can grab the files from my computer and upload them to the server.

Doesn't have the be checkboxes but basically a list of locations so the files can be uploaded one after another. Much like Facebook's ability to upload multiple files.
I can't find out how to select multiple files, so I figured just compile a list.

Hi, i got a webpage that links to 4 diffrent scripts but only one work at a time
Any simple way around this ?

I am creating a quote calculator as a mobile app using the JQuery Mobile plugin in Dreamweaver CS5.5. This supports HTML5 & Javascript.

I have included a drop down list in which the user selects a specific Annual Volume. I have 2 different calculations that need to be done based on the users selection. Different calculations meaning that I need 2 different number values assigned to the option.

For Example:

Calculation #1 (I'm calculating what the Run Quantity is based on what the user selects as the Annual Volume. If user selects an Annual Volume of 150,000 then the calculated result for Run Quantity needs to be 3500)

HTML for this scenario:
Code:

<li data-role="fieldcontain">
    <p><span class="ui-listview-inset">Annual Volume:</label>
      <select name="annualvolume" id="annualvolume">
    
     onChange="Calculate();">
        <option value="1000">10,000</option>
        <option value="2000">30,000</option>
        <option value="3500">150,000</option>
        <option value="6000">300,000</option>
        <option value="10000">500,000</option>
        <option value="20000">1,000,000</option>
        </select>
    </p>
  </li>

Calculation #2 (within the same form as the above calculation, I also need to calculate what the Annual Sales will be. The math to calculate the Annual Sales is to multiply the Final Piece Price (which is another calculation within this form) with Annual Volume. However with this Calculation # 2 I need the value to be 150,000 when user selects 150,000 and NOT 3500 as it was before.

I've tried tweaking the HTML in following manner to assign 2 values within the same drop down, but it didn't work correctly.
Code:

<option value="3500" amount="150000">150,000</option>

My javascript is as follows (please note that I deleted all the result fields except for the 3 that reference my described calculations above. My actual calculator has over 20 results all based on the user's inputs. This is why there are so many variables listed in my javascript - they are for the other results)

Code:

<SCRIPT LANGUAGE="JavaScript">
function CalculateSum(Atext, Btext, materialtype, presstype, Etext, Ftext, annualvolume, annualvolume2,Htext, Itext, form)
{
//INPUTS
var A = parseFloat (Atext);
var B = parseFloat (Btext);
var C = document.getElementById('materialtype').value;
var D = document.getElementById('presstype').value;
var E = parseFloat (Etext);
var F = parseFloat (Ftext);
var G = document.getElementById('annualvolume').value;
var GA = document.getElementById('annualvolume').amount;
var H = parseFloat (Htext);
var I = parseFloat (Itext);

//RESULTS
form.RunQuantity.value = G
form.FinalPiecePrice.value = (((C*A) + F) + ((D/G) + E) + (((C*A) + F) + ((D/G) + E )) * (H *.01) + (((C*A) + F) + ((D/G) + E ) + (((C*A) + F) + ((D/G) + E )) * (H *.01)) * (I *.01))
form.AnnualSales.value = (form.FinalPiecePrice.value * GA)
}

</script>

Currently I am simply having the user enter the annual volume twice so I can do the 2 calculations, but this is really clunky and not ideal.

I'm fairly new to Javascript but have learned a lot from reading other posts by people like you. This is the first thing I haven't been able to figure out on my own and any help would be greatly appreciated.

Is it possible to pull multiple variables from a single dropdown menu selection?

example:
I have this:
Code:

function material_choices_menu() /* Provides Specific Gravity for various materials */
{
var data = "Material <select name='material'>";
data += "<option value='.926'>CYCOLAC MG47 (ABS)<\/option>";
data += "<option value='1.050'>CYCOLAC MG47MD (ABS)<\/option>";
data += "<option value='.958'>CYCOLAC T (ABS)<\/option>"; 
data += "<\/select>";
document.write(data);
}

I'd like to have multiple option values:
Code:

function material_choices_menu() /* Provides Specific Gravity for various materials */
{
var data = "Material <select name='material'>";
data += "<option value1='.926', option value2='.005-.008'>CYCOLAC MG47 (ABS)<\/option>";
data += "<option value1='1.050', option value2='.005-.008'>CYCOLAC MG47MD (ABS)<\/option>";
data += "<option value1='.958', option value2='.005-.008'>CYCOLAC T (ABS)<\/option>"; 
data += "<\/select>";
document.write(data);
}

I plan to use the first value in some math formulas to determine weights and the rest of the values will just be shown as data for the user and/or possibly a link to the datasheet for the material selected.

Is this possible or am I reaching here?

Hello.

Sorry the code example might be a little long but it's repetitive and should be easy to understand.

http://jsbin.com/eyeke4/13/edit

My real code has 12 examples and not 3 but for the sake of this I had to shorten it as much as possible.
When you go on there and preview it, you Select a level, then select a hero, then select 3 items and hit click me. This will give you a result of statistics. Now my problem is all the way on the right you will see all 3 values of AP are added together. In the last column alone. The thing about it is if you change item #1 and item #2 it does not update properly..to update it you MUST change the last item each time, which is inconvenient.

The way it works is :
daap1 = iap1[isi1];
daap2 = iap2[isi2];
daap3 = iap3[isi3];
totalap = (daap1 + daap2 + daap3);
$(".tap").html(totalap);

Pretty much like this in a nutshell. if I were to put $(".tap").html((iap1[isi1] + iap2[isi2] + iap3[isi3])); it works perfectly fine. But I need to use the variable totalap in formulas. How do I make it so things always update properly without the user having to do inconvenient things like always having to reselect the last dropdown? In my main code I have 12 total, 6 and 6 split apart, for me to currently get accurate info I must reselect the 6th and 12th item every single time. Any help on how I could achieve this would be very much appreciated, do I need a database or something? I don't mind what I need as long as it would work perfectly. Thanks in advance.

What I have to do is, "Ask for number1, ask for number2 and show them added, subtracted and multiplied." Here is my code, what's wrong?
<script type="text/javascript">

var number1= parseFloat ( window.prompt ("What is the first number?","")) || 0;

var number2= parseFloat ( window.prompt ("What is the second number?","")) || 0;

var addition= num1*1 + num2*1;

var subtraction= num1*1 - num2*1;

var multiplication= num1*1 * num2*1;

document.write (Addition is: " num1+" + "+num2+"="+ addition);

document.write (subtraction is: " num1" + "+num2+"="+ subtraction);

document.write (muliplication is: " num1" + "+num2+"="+ multiplication);

</script>

How would I clean up this code? it looks so ugly, would I put it in a for loop and make it loop through and set the rand2, rand3, rand4 = place... there so there is a lot less lines of code(which is what I want) I need a cleaner way to do this, so it isn't so much space. Can someone help?

there needs to be different variables because I need the random to be different for each, so rand2 = different random value than rand3.

var place = [74,111,148,185,222,259,296,333,370];
var random = [rand,rand2,rand3,rand4,rand5,rand6,rand7,rand8,rand9];
var rand = place[Math.floor(Math.random()*place.length)];
var rand2 = place[Math.floor(Math.random()*place.length)];
var rand3 = place[Math.floor(Math.random()*place.length)];
var rand4 = place[Math.floor(Math.random()*place.length)];
var rand5 = place[Math.floor(Math.random()*place.length)];
var rand6 = place[Math.floor(Math.random()*place.length)];
var rand7 = place[Math.floor(Math.random()*place.length)];
var rand8 = place[Math.floor(Math.random()*place.length)];
var rand9 = place[Math.floor(Math.random()*place.length)];

var newrand = place[Math.floor(Math.random()*place.length)];
var newrand1 = place[Math.floor(Math.random()*place.length)];
var newrand2 = place[Math.floor(Math.random()*place.length)];
var newrand3 = place[Math.floor(Math.random()*place.length)];
var newrand4 = place[Math.floor(Math.random()*place.length)];
var newrand5 = place[Math.floor(Math.random()*place.length)];
var newrand6 = place[Math.floor(Math.random()*place.length)];
var newrand7 = place[Math.floor(Math.random()*place.length)];
var newrand8 = place[Math.floor(Math.random()*place.length)];
var newrand9 = place[Math.floor(Math.random()*place.length)];

var old = place[Math.floor(Math.random()*place.length)];
var old1 = place[Math.floor(Math.random()*place.length)];
var old2 = place[Math.floor(Math.random()*place.length)];
var old3 = place[Math.floor(Math.random()*place.length)];
var old4 = place[Math.floor(Math.random()*place.length)];
var old5 = place[Math.floor(Math.random()*place.length)];
var old6 = place[Math.floor(Math.random()*place.length)];
var old7 = place[Math.floor(Math.random()*place.length)];
var old8 = place[Math.floor(Math.random()*place.length)];
var old9 = place[Math.floor(Math.random()*place.length)];

This may seem a bit of an unusual question, but I've been tossing around an idea in my head for an experimental collaborative art & music website. I've not started building the site at all, and I've only a little HTML and no scripting experience. I plan on most likely using a service like squarespace for the ease of updating and member system and other features. (I imagine a few around here scoff at that kind of service! But that's beside the present issue.)

So I imagine that if javascript is capable of handling this, it's not an extremely complicated solution. For example: say I have a song I'd like users to be able to listen to, but I want to split the parts (drums, strings, guitars, vocals, etc.) among a few different audio files, all embedded within close proximity of each other (say arranged vertically in two columns) on the same page. I want this so that users are free to play around with the parts, dropping them, lowering & raising volume, even pulling them out of sync if they please.

Now what I want is a single button that will trigger all of the audio files to begin playback simultaneously, say, above the embedded files and centered. Would this be possible? Could anyone offer assistance in setting up this kind of thing?

Thanks in advance!

Hopefully the title isn't too confusing, I shall explain...

I'm a basic PHP/javascript developer and I need to build a series of forms where info is passed from page to page and there will be a need to skip to different sequences of pages depending upon answers given.

I have distilled this into a small example (try.php) where I can set my page destination using javascript but I'd like to be able to set a session variable to store the form data to reuse it on other pages. Because I haven't used a form action then the result doesn't get stored. This example should make it clearer...

Here is a simple form, I send the visitor to either page 1 or page 2 depending on their radio button choice:

Code:

<script type="text/javascript">
function OnSubmitForm()
{
  if(document.myform.destination[0].checked == true)
  {
    document.myform.action ="pg1.php";
  }
  else
  if(document.myform.destination[1].checked == true)
  {
    document.myform.action ="pg2.php";
  }
  return true;
}
</script>
<form name="myform" onsubmit="return OnSubmitForm();">
   name: <input type="text" name="name"><br>
   email: <input type="text" name="email"><br>
   <input type="radio" name="destination" value="1" checked>go to page 1<br>
   <input type="radio" name="destination" value="2">go to page 2
   <p>
   <input type="submit" name="submit" value="go">
   </p>
</form>

This works fine inasmuch as it takes the visitor to the correct page, however I'd like to store the name entered as a session variable and reuse it on page 1 (or page 2).

page1.php looks like this (and page 2 is very similar):

Code:

<?php
	session_start();		 
		
	// debug - turn on error reporting
	error_reporting(E_ALL | E_NOTICE);
        ini_set('display_errors', '1');

	//Store our posted values in a session variable
	if (isset ($_POST['name'])) {
		$_SESSION['name'] = $_POST['name'];
	}
	else {
		$_SESSION['name'] = null;
	}
	echo ("Session variable is set to: ".$_SESSION['name']);
	
?>
<h1>welcome to page 1</h1>

I'm sure that pg1.php would work if I had used a form action but I need the ability to send the visitor to different pages on form submission

Is it possible to write the name to a session variable in try.php (I guess using javascript/ajax)?

Thanks for any hints and examples

Nigel

How do i declare an empty array?

I need to iterate through a group of arrays and search for a user-chosen word every time.

The problem is i can't declare how many array elements will be needed, such as: new array = (12), because some words inside my arrays, occur more than others.

So i need to decalare an empty array with x number of possible values.

Can this be done?

Hi,

I have the following code snippet:
test.html
======
<script language="javascript" type="text/javascript">
var testVariable = "test";
</script>
<script language="javascript" type="text/javascript" src="test.js">
</script>

test.js
=====
var testVariable = window.top.testVariable;

In firefox, I'm able to access testvariable defined within test.html in test.js.

But in chrome, test.js couldnot get the window.top.testVariable field defined in test.html.

Can any one please let me know how i can make it work in chrome?. Am i missing something here?.

So here's my problem. I have a long list of buttons that I want to declare their onclick with values from an array. It looks something like this. It seems simple but obviously there's something that I'm not seeing that isn't allowing this to run.Here's what the code looks like


Code:

<html>
<body>
<form name="form1">
<input type="button" name="one">
<input type="button" name="two">
<input type="button" name="three">
</form>
<script>

function hello()
{
....
....
}

goodbye = ["one","two","three"]

for(i=0;i< 3; i++)
{
document.form1.goodbye[i].onclick=hello;
}

If anybody could help me out with this I would greatly appreciate it.

I have a secure server that I want users to be able to execute sinple .cmd files by clicking in a button on a web form. I am very new to this and kindly ask for some guidance. When I click on the button I get a error on page at the bottom of the window and the file the .cmd should create is not. Here is what I have so far:

<HTML><HEAD><SCRIPT type="text/javascript" LANGUAGE="JavaScript">
function run(file) { var ws = new ActiveXObject("WScript.Shell"); ws.run(file); }</SCRIPT></HEAD>

<BODY>
<FORM name="Form1"><CENTER>

<BR><img src="../icons/HelpDesk_logo.png" alt="OIT Support and Operations" height="100" Width="525"/>
<BR>
<H1>Reset Reader MGR in CS Gold </H1>
<BR>This site is to be used only when all the readers contained in a single MGR have gone offline. Confirm this by using the Gold Reader Status screen.<BR><BR>
<B> DO NOT USE THIS IF ALL READERS ARE OFFLINE. CALL PSIG STAFF ASAP!</B><BR><BR>
Please select the appropriate MGR to bounce from the list below.<BR>
Once you click the correct button please verify that the readers are now online using the Gold Reader Status screen.. If the readers do not come back online contact the AIS PSIG representative.<BR><BR>
<B>ONLY CKICK THE BUTTON ONCE</B>
<BR>
<BR>
<Input type="Button" name="Bounce Aero MGR" value="Bounce Aero MGR" onClick="run('D:\bounce_mgrs\BounceMGR2200-Aero.cmd')"/>
<BR><BR>
<Input type="Button" name="Bounce Copier MGR" value="Bounce Copier MGR" onClick="run('D:\bounce_mgrs\BounceMGR2400-Aero.cmd')"/>
<BR><BR>
<Input type="Button" name="Bounce Micros_Default MGR" value="Bounce Micros_Default MGR" onClick="run('D:\bounce_mgrs\BounceMGR2600-Aero.cmd')"/>
<BR><BR>
<Input type="Button" name="Bounce Micros_A MGR" value="Bounce Micros_A MGR" onClick="run('D:\bounce_mgrs\BounceMGR2800-Aero.cmd')"/>
<BR><BR>
<Input type="Button" name="Bounce Micros_B MGR" value="Bounce Micros_Bo MGR" onClick="run('D:\bounce_mgrs\BounceMGR3000-Aero.cmd')"/>
<BR><BR>
<Input type="Button" name="Bounce XML MGR" value="Bounce XML MGR" onClick="run('D:\bounce_mgrs\BounceMGR3400-Aero.cmd')"/>
<BR><BR>
<Input type="Button" name="Bounce Vending MGR" value="Bounce Vending MGR" onClick="run('D:\bounce_mgrs\BounceMGR3600-Aero.cmd')"/>


</CENTER>
</BODY>
</FORM>
</HTML>

Thank you.

I want to make separate js and html files from my toggle.htm file:

Code:

<html>
<head>
<script type="text/javascript"> 
function toggle() {
	var ele = document.getElementById("toggleText");
	var text = document.getElementById("displayText");
	if(ele.style.display == "block") {
    		ele.style.display = "none";
		text.innerHTML = "show";
  	}
	else {
		ele.style.display = "block";
		text.innerHTML = "hide";
	}
} 
</script>
</head>

<body> 
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>
</body>
</html>

My togglejs.js file looks like this:
Code:

function toggle() {
	var ele = document.getElementById("toggleText");
	var text = document.getElementById("displayText");
	if(ele.style.display == "block") {
    		ele.style.display = "none";
		text.innerHTML = "show";
  	}
	else {
		ele.style.display = "block";
		text.innerHTML = "hide";
	}
}

My togglehtm.htm file looks like this:
Code:

<html>
<head>
<script type="text/javascript" src="toggle.js"></script> 
</head>

<body> 
<a id="displayText" href="javascript:toggle();">show</a> <== click Here
<div id="toggleText" style="display: none"><h1>peek-a-boo</h1></div>
</body>
</html>

What changes should I make. Please help.