|
JavaScript - Compare And Replace Strings
Hi All,
I'm trying to convert a string based on the contents of another string. For example, I have two strings - "Purple" and "Orange" and a variable "P" - I want the script to look at the word "Purple" and everytime is sees the letter "P", assign this to a third variable (result variable) - if the letter it's looking at is not a "p", I want it to take that character from "Orange" and add it to the result string. So the result would be "Prapge". This is the code I have so far, and it doesn't work, absolutely stumped as to why ... Code: function fillInChar(targetString, otherString, newChar)
{
var splitTarget = targetString.split('');
var splitOther = otherString.split('');
var resultArray = newArray(splitTarget.length);
var holdVar = '';
for (var position = 0; position < splitTarget.length; position = position + 1)
{
if (splitTarget[position] != newChar)
{
var holdVar = splitOther[position];
resultArray[position] = holdVar
}
else
{
resultArray[position] = newChar
}
}
return resultArray
}
document.write('IF VISIBLE - LOOP IS VIABLE' + '<BR>')
var testVar = fillInChar('purple', 'orange', 'p');
document.write('HELLO WORLD!!! .... ' + testVar);
Similar Tutorialsi am trying to make an online graphing calculator with javascript. dont ask how because i dont know. but there is an annoying error in a do...while loop. although it should break out of the loop when the |'s (absolute value signs) are replaced with Math.abs( and ). here is the code. Code: var initec = function(){
var rg = {
}
;
rg.matc = false;
rg.i = 0;
rg.change = function(equ){
if (typeof(equ) != "string"){
alert('Equation must be a string');
return;
}
alert("starting equation: "+ equ);
rg.i = 0;
do{
rg.matc = equ.match(/\|/);
if(rg.i === 0){
equ.replace(/\|/, " Math.abs(");
rg.i = 1;
alert("1 "+equ);
}
else {
equ.replace(/\|/, " ) ");
rg.i = 0;
alert("0 "+equ);
}
}while(rg.matc)
alert("finished equation: " + equ);
}
return rg;
}
rg=initec();
rg.change("|8/x+7|-2");
the last 2 lines and the alerts are for debugging. as you can see, it is not finished. but still, it should work. hi i have two arrays and i need to know which strings are in both arrays. i know how to do the bit if the string is in both but i don't know how to compare them as such. thanks Hello all, I'm trying to lern javascript, but my knowledge doesn't cover what I want, so I could use some help. I'm trying to make a lotto check form for our family. What it as to do is check the numbers(B) with numbers(A) Code: <SCRIPT TYPE="TEXT/JAVASCRIPT">
// Check lotto
function checkLotto() {
var goed = frmTrekking.EersteGetal.value
var fout = frmGetallen.Opgegeven_1.value
if (frmTrekking.EersteGetal.value == frmGetallen.Opgegeven_1.value) {
document.getElementById('boldStuff').style.color='#00ff00';
document.getElementById('boldStuff').innerHTML = goed;
}
else {
document.getElementById('boldStuff').style.color='#ff0000';
document.getElementById('boldStuff').innerHTML = fout;
}
}
</script>
Code:
<body onload="checkLotto();">
<form id="frmGetallen" name="frmGetallen" method="post" action="">
<table width="100%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="9%"><strong>A</strong></td>
<td width="6%"><strong>Naam</strong></td>
<td width="10%"><strong>1</strong></td>
<td width="10%"><strong>2</strong></td>
<td width="10%"><strong>3</strong></td>
<td width="10%"><strong>4</strong></td>
<td width="10%"><strong>5</strong></td>
<td width="10%"><strong>6</strong></td>
<td width="10%"><strong>7</strong></td>
<td width="10%"><strong>8</strong></td>
<td width="10%"><strong>9</strong></td>
<td width="10%"><strong>10</strong></td>
</tr>
<tr>
<td><strong>1</strong></td>
<td><strong>Joop</strong></td>
<td><b id='boldStuff'><input name="Opgegeven_1" type="hidden" id="Opgegeven_1" value="6" size="5" /> </b></td>
<td><b id='boldStuff'><input name="Opgegeven_2" type="hidden" id="Opgegeven_2" value="8" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_3" type="hidden" id="Opgegeven_3" value="16" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_4" type="hidden" id="Opgegeven_4" value="18" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_5" type="hidden" id="Opgegeven_5" value="26" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_6" type="hidden" id="Opgegeven_6" value="28" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_7" type="hidden" id="Opgegeven_7" value="32" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_8" type="hidden" id="Opgegeven_8" value="36" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_9" type="hidden" id="Opgegeven_9" value="38" size="5" /></b></td>
<td><b id='boldStuff'><input name="Opgegeven_10" type="hidden" id="Opgegeven_10" value="41" size="5" /></b></td>
</tr>
</table>
</form>
<form id="frmTrekking" name="frmTrekking" method="post" action="">
<label></label>
<table width="58%" border="0" cellspacing="5" cellpadding="5">
<tr>
<td width="7%"><strong>B</strong></td>
<td width="10%"><input name="EersteGetal" type="text" id="EersteGetal" value="6" size="5" /></td>
<td width="10%"><input name="TweedeGetal" type="text" id="TweedeGetal" value="12" size="5" /></td>
<td width="10%"><input name="DerdeGetal" type="text" id="DerdeGetal" value="20" size="5" /></td>
<td width="10%"><input name="VierdeGetal" type="text" id="VierdeGetal" value="32" size="5" /></td>
<td width="10%"><input name="VijfdeGetal" type="text" id="VijfdeGetal" value="5" size="5" /></td>
<td width="10%"><input name="ZesdeGetal" type="text" id="ZesdeGetal" value="15" size="5" /></td>
</tr>
<tr>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
<td> </td>
</tr>
</table>
</form>
What I have now is the check between 2 numbers, I need to have it checked all, so all the B numbers have to be checked with all the A numbers. I think i'll need a sort of loop in a array, but I really don't know how to do this. Can somebody help me with this please? I have 2 arrays and I would like to compare the 2 arrays. If an element in array 1 is NOT in array 2 then I would like to display that element. In this case, I should only display the letter "c" but it doesn't work and I don't know why?? Here's my code: Code: <html><head>
<script type="text/javascript">
function getValue(id){
var x=new Array("a","b","c","d","e");
var y=new Array("a","b","3","d","e");
var str="";
for (var i=0; i<x.length; i++){
for (var j=0; j<y.length; j++){
if (x[i] == y[j]){
break;
}else{
//Check if reach the last element in the array 2
//If yes, then display that element in array 1 b/c not in array 2
if (y[j] == y.length-1){
str += x[i];
}
}
}
}
document.getElementById(id).innerHTML = str;
}
function init(){
getValue("info");
}
</script>
</head>
<body onload="init()">
<h2 id="info"></h2>
</body>
</html>
I would appreciate assistance with the following case. Thank you in advance. I have two fields with values, e.g. Field1: 123456-1- 01 Field2: 01 -0001 I need to compare the last two digits of Field1( 01 ) against the First two digits of Field2 ( 01 ) I would assume OnChange moving from Field2. If the two do not match throw an alert. Thanks!! Hi is it possible to compare 2 php variables with javascript and hide-show a div according to the result? lets say php variables are Code: $a $b and if ($a > $b) show the div can anyone please help me to do this? Sorry for language errors Thanks I'm new at JavaScript and am trying to figure out a simple text calculator as seen on a science project website. The project says the final program should calculate: 1. the number of sentences contained in the text, 2. the number of words in each sentence, 3. the number of letters in each word, 4. the average number of words per sentence, and 5. the average word length. I have pretty much everything (I think) but am being completely stumped by item number 2 and item number 4. The code is below. Can anyone help me understand what I should be doing for point number 2 and 4? I understand how to calculate and display the length of an item in an array and return it's values as 5,6,7,8 etc where the value is the length of the word, but i can't grasp how to calculate the number of items in an array to read 2,5,9 where the values are the number of words per each sentence...so confused! Below is my code...apoligies if it's sloppy...it's my first javascript code experience Code: <!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> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Count</title> Code: How do I join strings? I tried below but get an error. var a += document.getElementById("PICKUP_TYPE").value + "~"; var a += document.getElementById("PICKUP_ADDRESS").value + "~"; var a += document.getElementById("PICKUP_ADDRESS2").value + "~"; 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 I want to compare items based on what the user picks there will be 3 drop down menus and the drop down menus should alter the HTML table each time it is changed, giving different option values and stuff. I am wondering how to go about this I have the basic stuff setup but I am not really sure how to add to a table that all 3 options use. Any help would be greatly appreciated. Here is my current code for the drop downs. Code: <form name="compare"> <select name="compare"> <option value="V1">Value 1</option> <option value="V2">Value 2</option> <option value="V3">Value 3</option> <option value="V4">Value 4</option> </select> <select name="compare2"> <option value="V1">Value 1</option> <option value="V2">Value 2</option> <option value="V3">Value 3</option> <option value="V4">Value 4</option> </select> <select name="compare3"> <option value="V1">Value 1</option> <option value="V2">Value 2</option> <option value="V3">Value 3</option> <option value="V4">Value 4</option> </select> <input type="button" onClick="location=document.jump.menu.options[document.jump.menu.selectedIndex].value;" value="Compare"> </form> I want the user to select one of the options from above and a table to show up showing the differences between the others for example; someone selects Value 1 for compare, and Value 2 for compare 2, and Value 3 for Compare 3, they should be shown a table which has the differences between Value 1, Value 2, Value 3. So lets say Value 1 and Value 3 offers you "Help" while value 2 doesn't. it should show a table that says Features Value 1 Value 2 Value 3 Help YES NO YES how would I go about doing this? I'm trying to write a pi calculator that shows a comparison of the calculated value to the actual value. It works, but the output of the comparison shows only the first two decimal spots, followed by two 9s. Why is it showing two 9s and how can I make it more precise? Code:
<head>
<title>
Pi Calculator
</title>
<script language="JavaScript">
function calcpi(digitsn) {
p = 1;
s = 0;
for (c = 3; c < digitsn; c += 2) {
if (s == 0) {
p -= 1/c;
s = 1;
} else {
p += 1/c;
s = 0;
}
}
p *= 4;
return p;
}
function hid(input) { //Highlight Incorrect Digits
pi = "3.14159265358979323846".split('');
input = input.toString().split('');
result = "";
for (c = 0; c < input.length; c++) {
if (input[c] != pi[c]) {
//result += "; " + input[c] + "!=" + pi[c];
result += "<span style='background-color:red'>" + input[c] + "</span>";
} else {
result += input[c];
}
}
return result;
}
</script>
</head>
<body>
Repeat algorithm x many times:<br/>
<input type="text" value="10000" id="digitsx"/><br/>
<input type="button" onClick="document.getElementById('answer').value=calcpi(parseInt(document.getElementById('digitsx').value)).toString()" value="Calculate"/><br/>
Result:<br/>
<input type="text" readonly id="answer"/><br/>
Correct value:<br/>
<input type="text" readonly value="3.14159265358979323846"/><br/>
<input type="button" value="Compare" onClick="document.getElementById('comparison').innerHTML = hid('3.1499')"/>
<div id="comparison"/>
</body>
Hi, I know virtually nothing about js so here goes: I use the following script: Code: <script type="text/javascript">var showNav = false;var params='clubID=1784&compID=8041&leagueTable=y&orderTBCLast=Y&colour=147C99';var colour = '147C99';</script> The variable which needs to be called from another page is 'compID' - as I have about 20 competitions rather than hard-coding each page I hoped to generate this from the following: infocus/respage.php?cid=8041 <--- where I can change the compID from the 'calling' page. In my absolute naivety I thought I could simply change the code to this: Code: <script type="text/javascript">var showNav = false;var params='clubID=1784&compID=cid&leagueTable=y&orderTBCLast=Y&colour=147C99';var colour = '147C99';</script> But as the learned among you will realise this just doesnt work - any help appreciated! 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 all, Can anyone help me with a script for changing font color of a number within a table when there is a match? Table A contains numbers and table B contains numbers. When table B numbers matches some of the numbers in table A, the numbers in table A need to change color. I hope you understand what I mean. Hello all. I'm working with a simple shopping page. I basically need to add up all of the values that are found in my query string, and display them as a total on my page. I know how to retrieve each value individually, however I'm a little confused on how to add up the values that are only found in the query string. Please keep in mind, I'm very new to javascripting, and probably won't understand in-depth coding. I have a lot more code to go with this, but I don't think it's required for my question.. Any help would be appreciated! Code: <javascript>
var parameters = new Array( );
// <![CDATA[
var qs = document.location.search.substring( 1, document.location.search.length );
var params = qs.split( "&" );
for (var x=0 ; x < params.length ; x++) {
var pair = params[ x ].split( "=");
parameters.push( new Parameter( pair[ 0 ], pair[ 1 ] ) );
}
function get_parameter_value_for_name( name ) {
for( var x = 0 ; x < parameters.length ; x++) {
if( parameters[ x ].name == name) {
return parameters[ x ].name;
}
}
return " ";
}
function get_parameter_value_for_value( name ) {
for( var x = 0 ; x < parameters.length ; x++) {
if( parameters[ x ].name == name) {
return parameters[ x ].value;
}
}
return " " ;
}
//]]>
</script>
I am now working on a utility function that will gather the indexes for substring matches found in a string. There is an academic mystery I am puzzling over Code: function getMatchIndex(a, b) // a: sting to search b: what to search for
{
var out = new Array();
if(a.lastIndexOf(b) > -1) // at least two matches, ****! there could be more
{
if( (a.substr(a.indexOf(b) + b.length, a.lastIndexOf(b))).length > b.length )
{
var stp = parseInt(a.lastIndexOf(b)) - (parseInt(a.indexOf(b)) + parseInt(b.length));
alert(stp)
alert( (a.substr(a.indexOf(b) + b.length, stp)).length+' : '+a.substr(a.indexOf(b) + b.length, stp));
}
else
{
out[out.length] = a.indexOf(b);
out[out.length] = a.lastIndexOf(b);
return out;
}
}
else if(a.indexOf(b) > - 1 && a.lastIndexOf(b) == -1)
{
out[out.length] = a.indexOf(b);
return out;
}
else if(a.indexOf(b) == -1)
{
out = 'no matches';
return out;
}
else
{
var splitStr = new Array();
splitStr = a.split(b);
/*
possibilities:
1: one match at the begining or end
-- leaves one significant item
2: one match somewhere after the beginning and before the end.
-- gives two matches.
*/
for(var i = 0; i < splitStr.length - 1; i++) // don't want the last segment length
{
out[out.length] = splitStr[i].length
}
}
}
getMatchIndex('xxxi5ixxxxxxxi5ixx', 'i5i');
in the following code snippet: Code: if( (a.substr(a.indexOf(b) + b.length, a.lastIndexOf(b))).length > b.length )
{
var stp = parseInt(a.lastIndexOf(b)) - (parseInt(a.indexOf(b)) + parseInt(b.length));
alert(stp)
alert( (a.substr(a.indexOf(b) + b.length, stp)).length+' : '+a.substr(a.indexOf(b) + b.length, stp));
I am trying to get the sub string between the end of the first match to the beginning of the last match. The 'if' test passes, but I have to parseInt the values to get the proper value for stp. SO, the question is, what is the actual data type of an index value obtained from a string. (It would appear to be a string; having to use it an a math expression doesn't work without parseInt). (I hope I haven't posted too much code) Thank you in advance. Code: <html>
<head>
<title> Caught </title>
<script language="JavaScript">
<-- hide me
// get user to add name
var name_entry = prompt ("Please Enter your Name!", "James");
// declare some short strings
var stating = ", I knew you did it!"
var told = "I told you that I would find out"
var mistake = "I guess you just made a mistake entering your name,"
var punish = "Now go back to your room"
// construct some longer strings
var stating_name = name_entry + stating;
var mistake_name = mistake + name_entry;
// stop hiding me -->
</script></head><body>
<h1> OI Stop! </h1>
<script language="JavaScript">
<!-- hide me
document.writeln(stating_name + "<br>");
document.writeln(told = "<br>");
document.writeln(mistake_name = "<br>");
document.writeln(punish = "<br>");
// show me -->
</script>
</head>
<p>
<FORM>
<INPUT TYPE="button" VALUE="To Your Room" onClick="history.back()">
</FORM>
</p>
</body></html>
It will not show my strings and variables?? Please Help!! 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>
I believe the problem with my code here is that for some reason, on the equation for VertY.. it is being treated as a string.. I want it to be a math equation, but it treats it as text. (ie -1 + 1 should be 0, but it says it is -11) I believe this is the problem code: form.VertY.value = ((a * (form.VertX.value * form.VertX.value)) + (b * form.VertX.value) + (c)) Code: <html>
<head>
<title>Untitled</title>
</head>
<script type="text/javascript">
function quad(form)
{
a = form.a.value
b = form.b.value
c = form.c.value
form.Dis.value = (b * b) - (4 * a * c)
form.VertX.value = (-b) / (2 * a)
form.VertY.value = ((a * (form.VertX.value * form.VertX.value)) + (b * form.VertX.value) + (c))
if (a == 0) {
alert("ERROR, EQUATION MUST BE QUADRATIC")
}
else {
if (form.Dis.value > 0) {
form.NumSol.value = 2;
form.SolOne.value = ((-b) + Math.sqrt(form.Dis.value)) / (2 * a)
form.SolTwo.value = ((-b) - Math.sqrt(form.Dis.value)) / (2 * a)
}
else if (form.Dis.value == 0) {
form.NumSol.value = 1;
if (((-b) - Math.sqrt(form.Dis.value)) == 0) {
form.SolOne.value = ((-b) - Math.sqrt(form.Dis.value)) / (2 * a)
form.SolTwo.value = "NO SOLUTION"
}
else {
form.SolOne.value = ((-b) + Math.sqrt(form.Dis.value)) / (2 * a)
form.SolTwo.value = "NO SOLUTION"
}
}
else {
form.NumSol.value = 0;
form.SolOne.value = "NO SOLUTION"
form.SolTwo.value = "NO SOLUTION"
}
}
if (a > 0) {
form.Open.value = "Up"
}
else {
form.Open.value = "Down"
}
}
</script>
<body>
<form name="form1">
<table border="2" align=center>
<center>
<tr>
<td align=center valign=middle><input type="text" name="a" size=3>
x^2 +
<input type="text" name="b" size=3>
x +
<input type="text" name="c" size=3>
</td>
</tr>
<tr><td align=center valign=middle>
<input type="button" value="Calculate" onClick="quad(this.form)">
</td></tr>
<tr><td align=center valign=middle>Discriminant: <input type="text" name="Dis" size = 7 /></td></tr>
<tr><td align=center valign=middle>Number of Solutions: <input type="text" name="NumSol" size = 2 /></td></tr>
<tr><td align=center valign=middle><b>Solution 1: </b><input type="text" name="SolOne" size = 10 style="font-weight:bold;" /></td></tr>
<tr><td align=center valign=middle><b>Solution 2: </b><input type="text" name="SolTwo" size = 10 style="font-weight:bold;" /></td></tr>
<tr><td align=center valign=middle>Your graph will open: <input type="text" name="Open" size = 4 /></td></tr>
<tr><td align=center valign=middle>
Vertex: ( <input type="text" name="VertX" size = 2 />
, <input type="text" name="VertY" size = 2 /> )
</td></tr>
</table>
</form>
</center>
</body>
</html>
|
|||||||