JavaScript - Getting Variables To Work To Display Multiple Equations

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?

I am trying to get a series of dynamic digits from page one to page two via the url. below are the codes have been able to come up with. The problem am having however is that the variables from the first page contains two other characters mainly (=) and (on). therefore, the result i get is like this; 2=on43=on6=on76=on98=on34=on etc

What i want displayed are simply the numbers without these two characters.


Code:

<script>
 if(window.location.search){	
   	var query = window.location.search.substr(1);
        var data = query.split("&");
        for (var i = 1; i <= 9; i++){
	         var data = datas[i].split("=");
                 if (unescape(data[1]) == key_str);
				 data.replace(/\=/g," ");
  	}
    }

</script>

below is the code that writes the output

Code:

<script>
 for (i = 1; (i <= 9); i++) {
    document.write(data[i]);
	data[i]=""
  }
</script>

thanks

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.

First off I didn't know whether to post this here or in the PHP section since it deals with both, but mostly JS.

I have a PHP scraper that scrapes the job title, company name and location from a website and stores them in separate arrays. These values are then extracted out one at a time from the array and stored into a string, that is then passed to a Google Maps API.

I can make this successfully happen once, the thing is I need to do it multiple times. I have an idea on what I should do but don't really know how to implement it (correctly). The idea I had was to create a function in the JavaScript section that accepts three values from PHP. This function would be called in my PHP for loop that extracts the values from the array into a string. The thing that confuses me is that the Map function is called via <body onLoad="initialize()">.

Here's the link to my code

I have been working on a few budget scripts that I can access from the web in using HTML. My problem is that when variable values change I need to change these values in all of the HTML files on the server. I know that there is a way to declare global variables in a single file and use those values in another file but I have not been able to find any information that tells me exactly how to do this. I have tried to put it together on my own using what little informaiton I have been able to find but have not been able to get this to work. Is there a more detailed referance that I can find somewhere or does anyone know what steps I need to take to make this happen?

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)];

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

hello,

I posted a threat a couple of days ago, but i got no answer. I guess it was just too messy. So i'm trying over again. You might therefore have a little deja vu, but still, any help will be greatly appreciated.

I need this function to work on all my div, separately, on loading.
here is the function:

Code:

<script>
// Random Position Script

var xxx = Math.floor(Math.random()* (pageWidth()-230));
var yyy = Math.floor(Math.random()* (pageHeight()-50));

function start() 
{var x = (posLeft()+xxx) + 'px'; 
var y = (posTop()+yyy) + 'px'; 
moveObjTo('myobj',x,y); 
setObjVis('myobj','visible');}
window.onload = start;
window.onscroll = start;// JavaScript Document

</script>

At the moment, the function is working on one object ('myObj'). I laced all my documents into separate divs and i need them all (and seperatly) to load on a random position at start. So i need to write in something that makes this function keep on going for all my objects.

It might seem like a very dumb question, but 'm just starting with javascript, so not much of a coder yet. Hope you can help o this one.

nice day to everybody!

Hi Coders,

I have been trying to achieve a multiple mouseover effect on some of my pictures within my web page.

The first effect changes the picture within a table - works fine
The second effect should change the text within another table. - does not work.

I am receiving the error message:
'document.text' is null or not an object.

Here is the code which lies on my image:

Code:

<td style="height: 101px; width: 20%" valign="top">
<img onMouseover="changeimage(myimages[1],this.href); newchange();" alt="loading" height="86" src="images/marsrover_sml.jpg" width="104" /></td>

Here is the newchange() script:

Code:

<script language="JavaScript1.1">
function newchange()
{
document.text.innerHTML='<b>hello world</b>'
}
</script>

And I am sure that the table in which the text should appear has its Id and Name defined as "text"

Here is it:

Code:

<td class="style5" Id="text" name="text" style="height: 29px; width: 525px" valign="top">
<strong class="style10">Endavour has launched</strong></td>

But could not make it work error free.
Thanks for any comments.

This is driving me crazy!

So I'm using a javascript file to switch out items when a thumbnail is clicked. This includes photo, title, description, price, size, quantity and add to cart button....

The original code on the html file works fine, but as soon as it is swapped by onclick, the 'add to cart' button does nothing!

Here is the code:

Code:

var addDisplay = document.getElementById('cart-add');
	addDisplay.innerHTML = "<a class='item_add' href='/' onclick='simpleCart.add(); return false;'><img src='images/shop/cart-add.jpg' width='118' height='26' border='0'></a>";

that is what shows in my javascript file...

here is what's on the html file:

Code:

<div id="cart-add"><a class='item_add' href='/' onclick='simpleCart.add(); return false;'><img src="images/shop/cart-add.jpg" width="118" height="26" border="0"></a>
                            </div>

and that adds the item to the cart just fine, but when a thumbnail is clicked on, activating the javascript file to switch out the item/elements, the 'add to cart' button no longer does anything... by the way, I am using simpleCart.js

PLEASE HELP, PLEASE!?

Please PM me if you need more info... or post here if you have a solution. Thanks!

So I am trying to hide content and show it when selected with a select box. The first select box works fine no problems.

However I added a second one with two options, and it will not work at all. If I use the same name it messes up, and if I make a new name, it does nothing at all.

ShowNext function is the new one I added that doesn't work.

PHP Code:
<script type="text/javascript">

function ShowReg(op) {
  document.getElementById('public').style.display='none';
  document.getElementById('alliance').style.display='none';

  switch (op) {
    case 1 : document.getElementById('public').style.display="block"; break;
    case 2 : document.getElementById('alliance').style.display="block"; break;

    default : break;
  }
}

function ShowNext(op) {
  document.getElementById('randomwin').style.display='none';
  document.getElementById('setentry').style.display='none';
  document.getElementById('highestlevel').style.display='none';
  document.getElementById('question').style.display='none';


  switch (op) {
    case 1 : document.getElementById('randomwin').style.display="block"; break;
    case 2 : document.getElementById('setentry').style.display="block"; break;
    case 3 : document.getElementById('highestlevel').style.display="block"; break;
    case 4 : document.getElementById('question').style.display="block"; break;


    default : break;
  }
}
</script> 


PHP Code:
<tr><td><b>Privacy:</b></td><td>
        <select name="privacy" id="choice" onChange="ShowReg(this.selectedIndex)">
       <option value="error">Select One</option>
       <option value="public">Public</option>
        <option value="alliance">Alliance Only</option>
        </select>
        </td></tr></table><br />
        
<div id="public" style="display:none">
<p><b>Contest will be made Public for all players to use.</b>
</div>
<div id="alliance" style="display:none">
  <p><b>Contest will be made available to only alliance members.</b>
</div>


<tr><td><b>Type:</b></td><td>
        <select name="contype" id="choice" onChange="ShowNext(this.selectedIndex)">
        <option value="error">Select One</option>
        <option value="randomwin">Random Draw</option>
        <option value="setentry">Marked Entry</option>
        <option value="highestlevel">Highest Level</option>
        <option value="question">Answer Question</option>
        </select></td></tr></table><br />

<div id="randomwin" style="display:none">
<p>Random draw selected
</div>

<div id="winner" style="display:none">
<p>Select Entry number to auto win:
<select name="entrypick">
<option value="5">Entry 5</option>
<option value="6">Entry 6</option>
<option value="7">Entry 7</option>
<option value="8">Entry 8</option>
<option value="9">Entry 9</option>
<option value="10">Entry 10</option>
<option value="11">Entry 11</option>
<option value="12">Entry 12</option>
<option value="13">Entry 13</option>
<option value="14">Entry 14</option>
<option value="15">Entry 15</option>
<option value="16">Entry 16</option>
<option value="17">Entry 17</option>
<option value="18">Entry 18</option>
<option value="19">Entry 19</option>
<option value="20">Entry 20</option>
<option value="21">Entry 21</option>
<option value="22">Entry 22</option>
<option value="23">Entry 23</option>
<option value="24">Entry 24</option>
<option value="25">Entry 25</option>
<option value="26">Entry 26</option>
<option value="27">Entry 27</option>
<option value="28">Entry 28</option>
<option value="29">Entry 29</option>
<option value="30">Entry 30</option>
</select>
</div> 

Hello here is my code that im dealing with and only second sliceshow works for me i need them both that would be working together please help me! thanks for any help here is my script

<head>
<title>Easy Slider jQuery Plugin Demo</title>
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/easySlider1.7.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true,
nextId: "slider1next",
prevId: "slider1prev"
});

});

</script>

<link href="css/screen.css" rel="stylesheet" type="text/css" media="screen" />

<link rel="stylesheet" type="text/css" href="leidyba/css/demo.css" />
<link rel="stylesheet" type="text/css" href="leidyba/css/styleleidyba.css" />
<link rel="stylesheet" type="text/css" href="leidyba/css/jquery.jscrollpane.css" media="all" />
<link href='http://fonts.googleapis.com/css?family=PT+Sans+Narrow&v1' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Coustard:900' rel='stylesheet' type='text/css' />
<link href='http://fonts.googleapis.com/css?family=Rochester' rel='stylesheet' type='text/css' />




<div id="container">

<div id="header">
<h1>Easy Slider jQuery Plugin - Multiple sliders</h1>
</div>

<div id="content">

<div id="slider">
<ul>
<li><a href="http://templatica.com/preview/30"><img src="slide/images/01.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/7"><img src="slide/images/02.jpg" alt="Css Template Preview" /></a></li>
<li><a href="http://templatica.com/preview/25"><img src="slide/images/03.jpg" alt="Css Template Preview" /></a></li>

</ul>
</div>


<div class="container">

<div id="ca-container" class="ca-container">
<div class="ca-wrapper">
<div class="ca-item ca-item-1">
<div class="ca-item-main">
<div class="ca-icon"></div>
<h3>Knygų leidyba</h3>
<h4>
<span class="ca-quote">&ldquo;</span>
<span>The greatness of a nation and its moral progress can be judged by the way in which its animals are treated.</span>
</h4>
<a href="#" class="ca-more">plačiau...</a>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h6>Knygų leidyba</h6>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<p>I am so happy, my </p>
<p>When, while the </p>
<p>She packed her .</p>
</div>
<ul>
<li><a href="#">Read more</a></li>
<li><a href="#">Share this</a></li>
<li><a href="#">Become a member</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</div>
</div>
<div class="ca-item ca-item-2">
<div class="ca-item-main">
<div class="ca-icon"></div>
<h3>Reklaminiai bukletai</h3>
<h4>
<span class="ca-quote">&ldquo;</span>
<span>I hold that the more </span>
</h4>
<a href="#" class="ca-more">plačiau...</a>
</div>
<div class="ca-content-wrapper">
<div class="ca-content">
<h6>Would you eat your dog?</h6>
<a href="#" class="ca-close">close</a>
<div class="ca-content-text">
<p>I am so happy, my .</p>
<p>When, while the </p>
<p>She packed her </p>
</div>
<ul>
<li><a href="#">Read more</a></li>
<li><a href="#">Share this</a></li>
<li><a href="#">Become a member</a></li>
<li><a href="#">Donate</a></li>
</ul>
</div>
</div>
</div>

</div>
</div>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js"></script>
<script type="text/javascript" src="leidyba/js/jquery.easing.1.3.js"></script>
<!-- the jScrollPane script -->
<script type="text/javascript" src="leidyba/js/jquery.mousewheel.js"></script>
<script type="text/javascript" src="leidyba/js/jquery.contentcarousel.js"></script>

<script type="text/javascript">
$('#ca-container').contentcarousel({
});


</script>
</div>

</body>
</html>