JavaScript - Building Query Strings With Javascript

Okay so I have this code for HMTL5 Canvas, however this is a JavaScript directed question not a Canvas question.

Code:

<script type="text/javascript">

var c=document.getElementById("myCanvas");
var cxt=c.getContext("2d");
cxt.moveTo(0,400);
cxt.lineTo(50,a);
cxt.lineTo(100,b);
cxt.lineTo(150,390);
cxt.lineTo(200,300);
cxt.lineTo(250,285);
cxt.lineTo(300,299);
cxt.lineTo(350,250);
cxt.lineTo(400,325);
cxt.lineTo(450,275);
cxt.lineTo(500,300;);
cxt.stroke();

</script>

That will draw a line graph, however I want to get the coordinates from a variable in the URL. So it may be example.com/a=500&b=600 . How would I retrieve these two variables and then insert in to they're respective places?

Any help greatly appreciated, please make it as simple as possible - I'm good with my PHP now but JavaScript is all new

So I am working on a fairly difficult project (for my level at least). I actually had this project planned before I even knew JavaScript so I specifically learned JavaScript in order to write this program!

Here is my plan:

I am writing a javascript program to help students prepare to take an exam (a standardized test). The test consists of 80 questions from various topics in history. The test covers three time spans (0-1000, 1000-1500, 1500-2000) and 4 different question types (ie. politics, culture, economics, foreign relations). Likewise, each question will cover a specific topic, maybe one will be about a specific war and another question will be about a leader. What I want the quiz to do is give a detailed report on the student's strengths and weaknesses.

Once the student is done with the quiz and they select "grade" it will take them to the results page which will show them:
1. their score (percent correct)
2. percent correct for each of the time periods.
3. percent correct for each of the question types
4. a recommended chapter reading list based on the questions they got wrong.

I did some search on the internet and found a basic script that ive been using. All it does is have the html code for the questions and the, "grade" button only shows the percent correct and which which questions were wrong. Its basically a simple quiz script without any of the advanced features I want. I figure I'll just add the advanced features to this existing script.

Here is a link to the example script I am using. So far my script is 100% the same (except different questions and answers).

What is the best route to modify that script to add all the features I want. From what I've read on javascript so far. I have to write a function to process each of the elements I want to display on the results page. I have no idea about how to do that though.

Hi,
I'm new to JS and I am trying to build my first script. My problem, is I'm trying to build a multi hide/show script, displaying paragraphs of information. If I want multiple variables for the script do I have to use an array? and if so, how can I construct this array?

Here is my script as of now,

<!--
// this tells jquery to run the function below once the DOM is read
$(document).ready(function() {


// choose text for the show/hide link
var showText="Resume";
var hideText="Hide";
var profile_showText="Profile";
var profile_hideText="Hide";

// append show/hide links to the element directly preceding the element with a class of "toggle"
$(".toggle").prev().append(' (<a href="#" class="toggleLink">'+showText+'</a>)');
$(".profile_toggle").prev().append(' (<a href="#" class="profile_toggleLink">'+profile_showText+'</a>)');


// hide all of the elements with a class of 'toggle'
$('.toggle').hide();
$('.profile_toggle').hide();

// capture clicks on the toggle links
$('a.toggleLink').click(function() {
$('a.profile_toggleLink').click(function() {

// change the link depending on whether the element is shown or hidden
if ($(this).html()==showText) {
$(this).html(hideText);
}
else {
$(this).html(showText);
}
// profile_toggle
if ($(this).html()==profile_showText) {
$(this).html(profile_hideText);
}
else {
$(this).html(profile_showText);
}
// toggle the display
$(this).parent().next('.toggle').toggle('fast');
// profile_toggle
$(this).parent().next('.profile_toggle').profile_toggle('fast');

// return false so any link destination is not followed
return false;
});
});
});

//-->

Right now the script doesn't work with the bottom two variables profile_"ect."
Please help, been working on this for sometime and its probably an easy fix for someone experienced.

Thanks!

Hello,

A quick summary to inform you on what I'm trying to accomplish and then the question. If you want to skip to the question first, I have it in red letters lower down. Just figured I'd answer the "why are you doing it this way" question first.

I am writing a tool in JavaScript in which a user selects various options via checkboxes and then a pre-engineered scenario image for a product matching those selections is displayed. Here is the basic workflow of the code:

1. The code runs through the checkboxes and based on whether the boxes are checked or not, adds a value of "1" or "0" to a string. There are some dashes added into the string to visually divide some categories of options. Here is an example of the resulting string: 0-0011100-101100
2. A variable named scenarioID holds the value of the resulting string. A switch statement is run which assigns a name to the scenario based on the scenario ID. Here is an example:
PHP Code:
switch(scenarioID){
case "0-0011100-101100":
var scenarioName="Scenario 1";
break;
} 


3. The scenarioName variable is then used to pull up an image with the corresponding name. For example, if the scenarioName variable has a value of "Scenario 1" then an image named "Scenario 1" is displayed.

---------------------------------------------
So here is where I am running into an issue:

I have some scenario names that multiple scenario ID's match because they apply whether a specific checkbox is selected or not.

Currently, I am still able to apply the correct name to the scenario by simply having multiple switch statements apply to the same scenario name. For example:
PHP Code:
switch(scenarioID){
case "0-0011100-101100":
var scenarioName="Scenario 1";
break;
case "0-1110011-101101":
case "1-1110011-101101":
var scenarioName="Scenario 2";
break;
} 


However, I have some scenarios in which up to 3 options may apply whether or not they are checked. This means that I have to have 8 different switch cases (scenario ID's) for a single scenario name.

Is there a way for me to wildcard the switch cases so that I can specify which items don't matter for a scenario? Something like the following example?
PHP Code:
switch(scenarioID){
case "0-0011100-101100":
var scenarioName="Scenario 1";
break;
case "*-1110011-101101":
var scenarioName="Scenario 2";
break;
} 

Hello, I very new to this language and I still feel like I'm not grasping it... But, anyways, I'm doing a thing for school and I have to let the user input a string. I need to save the string and turn it into an array. For every word that is less than five letters I put "little" at the beginning of the word and for every word that is more than five letters I put "big" at the end of each word. Then I need to return the new string into output. I think I wrote the code really incorrectly, so any tips/advice would be much appreciated! Also, I don't understand adding user input into a code if that makes sense. The tutorials/lessons I've been looking at all say to put information into an array first and then mess with it. But, what if you don't have information in the array until the user puts it in? And once they enter it, then you mess with what they entered. I can't seem to get how to do that. Thank you for your time

Code:

function texter(newText){
	var oldHTML = document.getElementById('outputPrompt').innerHTML;
	document.getElementById('outputPrompt').innerHTML = newText+"<br />"+oldHTML;
	console.log(newText);
}

function menuTwo(){
	var userInput = document.getElementById('input').value;
	var correctedInputArray = userInput.toLowerCase().split(" ");
	var mainTwo = new Array([""]);
	for(var i=0; i<correctedInputArray.length; i++){
	var thisWord = correctedInputArray[i];
	var lessFive = 5;
	var moreFive = 6;
	var restOfWord;
	if(lessFive<5){
	mainTwo[i]=thisWord+"-little";
	}else if(moreFive>6){
	mainTwo[i]="big-"+thisWord;
	}
	else{
			
			restOfWord = thisWord.substr(1, thisWord.length-1);
		
		}	
	}
	output = mainTwo.join(" ");
	texter(output);
	}
	
</script>
</head>

<body>
<h1>Document</h1>
<input type='text' id='input'	/>
<input type='button' onclick='menuTwo()' value='submit'/>
<p id='outputPrompt'>Please enter 1,2,3 or exit only</b> </p> 
</body>
</html>

Sorry for my beginner question but I am having some trouble getting this to work. I am trying to create a simple I=PRT calculator so it can calculate interest. But when you run it it adds the digits. Ex. 5+100=5100 instead of 105. Give it a try. My code is bellow.[CODE]

// JavaScript Document
alert("This is a simple calculator which will allow you to calculate the interest on a principle.");

var principle = prompt("What is the amount you would like to calculate interest for?");

var rate = prompt("What is the interest rate. eg. For 3.9% write 3.9");

var term = prompt("How long in the period under calculation going to be? eg. For 1 year write 1");

var interest = principle*(rate/100)*term;

var result = principle + interest;

var a = "This means the interest is going to be $";

var b = " And the total to be paid is $";

var c = a + interest + b + result;

alert(c);

[CODE]

Thanks in advance.

Hi I am trying to get javascript to update a database for me. The reason is I need to use JS and not ASP is because I need to update whenever a user clicks on a button and from what I am told ASP can not
do this. I tried following an example, and this is what I came up with.

However I get the errors
Error: Object expected
and
Excptected Hexadecimal Digit.

Here is the code
Code:

<script language=javascript>
function update()
{
  var adoConn = new ActiveXObject("ADODB.Connection");
  var adoRS = new ActiveXObject("ADODB.Recordset");

  adoConn.Open("Provider=Microsoft.Jet.OLEDB.4.0;Data Source='\\data\user.mdb'");
  adoRS.Open("Select * From ptotbl Where ID = 454");

  adoRS.Edit;
  adoRS.Fields("Delete").value = "True";
  adoRS.Update;

  adoRS.Close();
  adoConn.Close();


}

Thanks

Hi There,
I'm working on an application that potentially gets 1000s of
geolocation queries per day and if I don this (as I've done it till
now) in php, it works fine but I quickly run into OVER_QUERY_LIMIT error
from the google map apis. Thus I think I'd better do it in javascript
and just send the coordinates to the server for caching rather than
querying from the server's IP. Now the url that sends back the
location information looks like this:
http://www.google.com/url?sa=D&q=htt...s3czv6-nMr_nbw
and I was wondering how I can send a request to this url and parse the
xml string that's returned with JavaScript to pass it on to a php (probably by get variables). Is there a handy method that's compatible accross a bunch of browsers incl. mobile ones?

Thanks very much for some input!
Ron

Hello I'm trying to create a graph that will accept 1 or multiple data sets depending on what the user selects. How can I add get the data into the graph using a loop? I want it to add a line for each selection.

Thanks

// Graph Data ##############################################
var graphData = [{
// Visits
data : <?php echo '['.implode($data).'],'?>
color: '#71c73e'
},
{
// Visits
data : <?php echo '['.implode($data_1).'],'?>
color: '#red'
},
];

Hi I am trying to create a query string similar to the one available he http://andrewu.co.uk/tools/request/e.../example1.html

The problem that I am having is that I have more than one button on my page and even though my id's are unique all of my data is displaying on the action page at the same time. The code that i am using for my buttons is:

Code:

<label for="name_1">Name:</label>
        <input type="text" name="name1" id="name_1" tabindex="1" size="40" value="Donald Duck" />

        <br />
        <br />

        <input type="submit" id='view1' value="Submit" tabindex="2" />
        <label for="name_1">Name:</label>
        <input type="text" name="name2" id="name_2" tabindex="1" size="40" value="Mickey Mouse" />

        <br />
        <br />

        <input type="submit" id='view2' value="View" tabindex="2" />

I have a lot more than 2 buttons on my page. when a button is clicked I would like to be able to get the values from the query string and only see the values for the button that was clicked like this one:

http://andrewu.co.uk/tools/request/e...ndrew+Urquhart

but instead I am getting Name: Donald Duck, Name: Mickey Mouse. What would I have to add or change to obtain just one Name to display at a time but have it be different depending on which button is pressed?

Hi everyone,

i am developing a facebook application and here i am, struggling with this piece of code. I have this php query result he

$id = $facebook->api(array('method' => 'fql.query',
'query' => "SELECT uid FROM user WHERE uid IN(
SELECT uid FROM page_fan WHERE page_id='411133928921438' AND uid IN (
SELECT uid2 FROM friend WHERE uid1 = me()
))"));

And i need to save it as an array like:

var user_ids = [x,y,z] etc etc...

I have used the json_encode but it isn't working... here is my code..

Code:

    var user_ids = <?php echo json_encode($id); ?>;

How can i retrieve the query results, the id's in an array like i mentioned above?

Please help me...

I have noooo idea if I am even posting this in the correct area, let alone the correct site. If not I apologize and maybe someone could direct me elsewhere.
I am trying to add a custom search into my site.

http://www.jeffknowsloans.com
you can see it about the middle of the page.

I am using the following script to do so.

Code:

<script type="text/javascript">
function dosearch() {
var sf=document.searchform;
var submitto = sf.sengines.options[sf.sengines.selectedIndex].value + escape(sf.searchterms.value);
window.location.href = submitto;
return false;
}
</script>
<form name="searchform" onSubmit="return dosearch();">
Select County
<select name="sengines">
<option value="http://www2.co.washington.mn.us/opip/mod/addresssrch/result.asp?housenum=&street=" selected>Washington</option>
<option value="http://rrinfo.co.ramsey.mn.us/public/characteristic/PropertySearchResults.aspx?pin=&Nbr=&Street=&pg=1" selected>Ramsey</option>
<option value="http://www.altavista.com/web/results?q=">Alta Vista</option>
<option value="http://www.dogpile.com/info.dogpl/search/web/">Dogpile</option>
</select>
Street Address:
<input type="text" name="searchterms">
<input type="submit" name="SearchSubmit" value="Search">
</form>

here is the problem i am running into.
I dont know how to ignore or add certain parts of the search when it sends. for example. take a look at

Code:

<option value="http://rrinfo.co.ramsey.mn.us/public/characteristic/PropertySearchResults.aspx?pin=&Nbr=&Street=&pg=1" selected>Ramsey</option>

When i try to do a search under this drop down selection it doesnt work. because it needs the &pg=1 to be added to the users search request.
Meaning if I set it to
Code:

http://rrinfo.co.ramsey.mn.us/public/characteristic/PropertySearchResults.aspx?pin=&Nbr=&Street=

they type in their street name and the street name inputs into the search query but it wont fully work because it doesnt add the &pg=1 after it all.

how in the world do I get it to add things like that?
ie how do i tell it to add certain strings that the outside source requires?
like blank=&blank= or how do i get it to ignore certain &blank= commands.

another example

taking a look at

Code:

<option value="http://www2.co.washington.mn.us/opip/mod/addresssrch/result.asp?housenum=&street=" selected>Washington</option>

this search function should technically be
Code:

<option value="http://www2.co.washington.mn.us/opip/mod/addresssrch/result.asp?" selected>Washington</option>

however since i dont know how to add certain functions to the search i have to skip the housenum option. that means my customers cant search by street number. I want them to be able to type in their house number and their street address and it will change to what each seperate (outside) search engine needs.

Does this make any sense at all?

I have an array from a sql query that I need to use as variables in a javascript function. I have created the array, used JSON_ENCODE to bring the information into javascript, and so far everything works correctly.

I am trying to use a list menu in html to select one on the indexes of the array so I can pass the information from the index to a javascript function.

Here is the javascript function:
Code:

function selectTable(item_id)
{
var media = eval(<? echo json_encode($paperTable); ?>);
var click_k_1=media[item_id]["click_k_1"];
var click_k_501=media[item_id]["click_k_501"];
var click_c_1=media[item_id]["click_c_1"];
var click_c_51=media[item_id["click_c_51"];
var click_c_101=media[item_id]["click_c_101"];
}

Here is the list menu coding:
Code:

<select name="pprSel" size="1" id="pprSel" onChange="selectTable(this.value);" >
<option value="204226">20# Bond</option>
<option value="204788">70# White</option>
<option value="204823">80# White</option>
</select>

Here is the source file results from the browser:
Quote:
function selectTable(item_id)
{
var media = eval({"1":{"item_id":"204226","item_description":"20# Bond","click_k_1":"0.1100","click_k_501":"0.0730","click_c_1":null,"click_c_51":null,"click_c_101":n ull},"2":{"item_id":"204788","item_description":"70# White","click_k_1":"0.1149","click_k_501":"0.0779","click_c_1":"0.8789","click_c_51":"0.5539","click _c_101":"0.3589"},"3":{"item_id":"204823","item_description":"80# White","click_k_1":"0.1591","click_k_501":"0.1221","click_c_1":"0.9231","click_c_51":"0.5981","click _c_101":"0.4031"}});
}
I have tried a couple of different ways to pass one of the variables to a text field on the html form as an error check, with no success:
Code:

document.quote.data.value=media[item_id]["click_k_1"];
document.quote.data.value=click_k_1;

The text field on the html form is id='data', the form is id='quote'.

the only thing I can think of for the reason I am not getting anything in my text field is that my variable is not getting set up properly.

Can anyone help? TIA