|
JavaScript - Use Variable Instead Of Number For Function Input
Hello
I'm using simpleCart() javascript shopping machine for my page. The script accepts values in a specific syntax: Code: onclick="simpleCart.add('name=Some name','price=23.4','quantity=1');"
But because the price of the product is not always the same but comes up after previously made calculations, i want to parse the values in simpleCart() through another function. I have made the following one which gets the price from a textbox (resultAlmires) of a form (Almires), then converts it to american format (. instead of ,) makes it have one decimal only and finally parse it to simpleCart() with the use of a variable. However it doesn't seem to work: Code: function addAlmiri() {
var timi = document.Almires.resultAlmires.value;
timi = timi.replace(/\,/,".");
timi = timi.toFixed(1);
simpleCart.add( 'name = Some name' , 'price = timi' , 'quantity = 1' );
}
Any help? Similar TutorialsHeres a link to the code in question http://www.scccs.ca/~W0049698/JavaTe...erlocktxt.htm# when the leftPos variable is used in the moveSlide() it somehow turns into Nan. Cant figure out why and have been racking my brain over this for a long time now.. Any help would be greatly appreciated the problem is at the end of the code(scroll to the bottom) ======================================================= Code: window.onload = makeMenus;
var currentSlide = null;
var timeID = null;
function makeMenus(){
var slideMenus = new Array();
var allElems = document.getElementsByTagName("*");
for(var i=0 ; i < allElems.length ; i++){
if(allElems[i].className == "slideMenu") slideMenus.push(allElems[i])
}
for(var i=0 ; i < slideMenus.length ; i++){
// alert(slideMenus.length)
slideMenus[i].onclick = showSlide;
slideMenus[i].getElementsByTagName("ul")[0].style.left = "0px";
}
document.getElementById("head").onClick = closeSlide;
document.getElementById("main").onClick = closeSlide;
}
function showSlide(){
slideList = this.getElementsByTagName("ul")[0];
if(currentSlide && currentSlide.id == slideList.id)
{closeSlide()}
else{
closeSlide();
currentSlide = slideList;
currentSlide.style.display = "block";
timeID = setInterval("moveSlide()", 1);
}
}
function closeSlide(){
if(currentSlide){
clearInterval(timeID);
currentSlide.style.left="0px";
currentSlide.style.display="none";
currenSlide = null;
}
}
Code:
helow to every one im new here....i hope im welcome here can i ask how to make this problem? input 20 number and print the average of the numbers....any one can help me please... i see alot of forms where the phone number field is split into 3 boxes and you can type smoothly from the first box to the last....here is the beginning code i have now for my form Code: <form id="contactform" action="contact-submit.php" method="post"> <!-- form fields --> <div class="form"> <label for="name">Name<em>•</em></label> <input class="textbox required" type="text" name="name" id="name" /><br /> <label for="email">E-Mail<em>•</em></label> <input class="textbox required email" type="text" name="email" id="email" /><br /> how do i add a phone number field in there that has 3 connected fields? I don't know how I should do ? Quote: <html> <head> <script type="text/javascript"> function add(a,b){ y=a+b return y } var aaa = add(one,two) //one needs to get somehow get the value of yil, in this case 10 var one = function reas(){i=10;if(i<10){yil = 15}; else{yil = 10; yil = one;}; var two = 20; document.write(y) </script> </head> </html> also why doesn't this work? Quote: <html> <head> <script type="text/javascript"> function adder(a,b){ var k=a+b; return k } var hes=adder(5,kol); kol=40; alert(hes); </script> </head> </html> you cannot have variables in callback functions? Thank you in advance if someone can help. I have been banging my head against the wall for hours now. Here is the code: Code: for (var i = 0; i < BS_crm['activityTypes'].length; i++) {
var clickFunc = function(){ activityList.showForm( -1, {blockType:[""+BS_crm['activityTypes'][i]['id'], "0"]} ); };
var type = {
value: BS_crm['activityTypes'][i]['id'],
label: "Add New "+BS_crm['activityTypes'][i]['label'],
css: BS_crm['activityTypes'][i]['css']+"_16",
onClick: clickFunc
};
previewLinks.items.push( type );
}
Now, basically what I am doing here is running through one array to create an array of objects, that will be used to create links that will use whatever onClick function I pass it. The problem is that on the second line I need the BS_crm['activityTypes'][i]['id'] to be a value, not a reference. If that line was simply changed to: Code: var clickFunc = function(){ activityList.showForm( -1, {blockType:["3", "0"]} ); };
then everything would work as I need. How can I make this happen? I would really appreciate any help. Thank you again in advance. I am creating a program that will give you the nutritional value's of the McDonalds menu and I am in need of help to gather the information from the input bar and turn that into a Javascript variable using javascript, the code below is the form, input box, and the case/switch that I would like to use to create this, Thanks in advance! Code: <form id="help">
<input class="sb" id="life" type="text" placeholder="What food would you like to check?">
<button type="submit" class="button">Submit</button>
</form>
<div id=cci>
<script>
var item = document.getElementById("help");
var food = item.toLowerCase();
switch (food) {
case 'big mac':
document.write('<br><br><br>');
document.write('Big Mac');
document.write('<br><br>');
document.write('Calories: 530');
document.write('<br>');
document.write('Carbohydrates (g): 47');
document.write('<br>');
document.write('Total Fat (g): 27');
document.write('<br>');
document.write('Cholesterol (mg): 85');
document.write('<br>');
document.write('Dietary Fiber (g): 3');
document.write('<br>');
document.write('Sugars (g): 9');
document.write('<br>');
document.write('Protein (g): 24');
break;
default:
document.write('<br><br><br><br>');
document.write(food);
document.write('<br><br><br>');
document.write('The food is not recognized');
document.write('<br><br>');
document.write('Double check your spelling');
break;
}
</script>
</div>
I am working on an HTML project that displays a field with a number in the field by each day. What it does is start at 0 on day one. Each day it adds a 1 to the field. Day 2, the field would say 1, then day 3 would say 2, and so on. I am not sure how to approach this. This is also displayed in an HTML format. I want to to be automatic and change as the date changes. I will also need a way to reset it back to zero if possible.
I am making a function where I need to know whether the input is a variable with a string value var foo = "bar"; Function(foo) or if it is a string, wherein it would be the name of an object object = { ThingsInside: function(){code} } Function('object') Code: function Function (object){
if(object is a string){
do this
}
else if (object is a variable with a string value){
do this
}
else{
do something else
}
Because they would be both passed by value, I'm not sure how or if there is a way to tell as they would both just appear as string inputs, right? the title kind of sums it up... if I have an array of equations (I'm guessing they should be strings but they don't have to be) and a user-defined variable can that variable be used for the "x" in the equations? I already did the easy part ... Code: <!DOCTYPE html>
<html>
<head>
</head>
<body>
<input onkeyup="solve(this.value)" /><br>
<input id="box0" /><br>
<input id="box1" /><br>
<input id="box2" /><br>
<script type="text/javascript">
var equations=["(x*9/5)+32","x+273.15","x-50*(8/13)"]
function solve(val){
for (var i = 0; i < equations.length; i++) {
document.getElementById("box"+i).value= //ummm...
}
}
</script>
</body>
</html>
Hi all, I'm having some trouble with the this... I have a PHP based calendar where the cells will change color depending on the number of clicks.. this all works fine, but is pointless if I can't send the outcome along in an email. I can do this with PHP but first need to get the values into a hidden field. This is what I have: Code: <script type="text/javascript">
function countClicks (obj){
if (!obj.count) {
obj.count = 0;
}
obj.count++;
if (obj.count > 4) {obj.count = 1};
if(obj.count == 1){
obj.style.color='#FFFFFF';
obj.style.backgroundColor='#66CC33';
obj.parentNode.style.backgroundColor='#66CC33';
document.getElementById("availability").value='Available';
}
if (obj.count == 2){
obj.style.color='#FFFFFF';
obj.style.backgroundColor='#FF0000';
obj.parentNode.style.backgroundColor='#FF0000';
document.getElementById("availability").value='Not Available';
}
if (obj.count == 3){
obj.style.color='#FFFFFF';
obj.style.backgroundColor='#FFCC33';
obj.parentNode.style.backgroundColor='#FFCC33';
document.getElementById("availability").value='Working';
}
if (obj.count == 4){
obj.style.color='#000000';
obj.style.backgroundColor='#FFFFFF';
obj.parentNode.style.backgroundColor='#FFFFFF';
document.getElementById("availability").value='Not Set';
}
}
</script>
and... Code: echo "<input type=\"hidden\" name=\"availability\" id=\"availability\" value=\"\">"; All I'm trying to do is populate value with either 'available', 'not available', 'working' or 'not set'... however, it is worth noting that each cell may have a different value, e.g. 1 cell might be working while the other is not available... so i need to pass the values of all the cells. Can anyone help me out here. Many thanks, Greens85 Hi, my first question on this forum is I hope a simple one. I have an input text field that I would like to have either the user fill out but also I would like to be able to fill it with text, which I can do, via javascript or a variable which I don't seem to be able to manage. I have tried lots of options, converting to a string first and much more but it will not work, maybe it is a syntax error or maybe I am just doing it plain wrong. I think it should be simple but I have only been using javascript for a few weeks so who knows, hopefully one of you! Here is my code for displaying a variable which does not work: Code: <html>
<head>
<script type="text/javascript">
function myfunction()
var mynumber = 101;
document.getElementById("myinput").value = mynumber;
</script>
</head>
<body>
<p id="demo">Web Page 1</p>
<button type="button" onclick="myfunction()">JS</button>
<input type="text" value="00000000" id="myinput">
</body>
</html>
I would be very grateful for any help. Thanks Simon Hi! I am quite new to the world of JavaScript as I have done basic corse for it... and I have learnt that best way to understand it is to play around with it... but now I am stuck with on of the problem!! Problem: How can we assign text box input values by user to a variable and display that variable back on another element of the same HTML document(dynamically)... Conditions: The value has to be stored as a JavaScript variable only. No server-side script is to be used and has to be done locally. Please help! hi guyz i do have a problem in passing javascript variable to <input type=hidden value=""> here's my code: <?php while ($row = mysql_fetch_array($result)) { ?> <script type="text/javascript"> function viewcodec(){ var randomValueCodec = randomString(5, 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789'); document.getElementById('commentMarkCodeCompCodec-'+<?php echo $row['p_id'];?>).innerHTML = randomValueCodec; document.getElementById('commentMarkCodeComp-'+<?php echo $row['p_id'];?>).innerHTML = randomValueCodec; } </script> <form action="" method="post" name="postsForms"> <div class="commentBox" align="right" id="commentBox-<?php echo $row['p_id'];?>" <?php echo (($comment_num_row) ? '' :'style="display:none"')?>> <input type=text id="commentMarkname-<?php echo $row['p_id'];?>" name="commentmarkname" class="commentMarkname" size="35" maxlength="20"> <textarea class="commentMark" id="commentMark-<?php echo $row['p_id'];?>" name="commentmark" cols="60"></textarea> <input type=text id="commentMarkcode-<?php echo $row['p_id'];?>" name="commentmarkcode" class="commentMarkcode" size="35" maxlength="20"> <br clear="all" /> <span id='commentMarkCodeCompCodec-<?php echo $row['p_id'];?>'><b><script type="text/javascript">viewcodec();</script></b></span> <input type="hidden" id="commentMarkCodeComp-<?php echo $row['p_id'];?>" name="commentMarkCodeComp" value=""> <br clear="all" /> <br clear="all" /> <a id="SubmitComment" style="float:right" class="small button comment"> Comment</a> </div> </form> <?php } ?> Hello I am trying to call a javascript autocomplete function but I want to use a variable instead of an input field ID So this is my fuction: Code:
$(function() {
$("#tags").autocomplete({
source: "search.php?field=field1"
});
});
<p><b>Field:</b><input type="text" input id = "tags" name="field1" size="60" ><br>
Basically I want to use the same function for numerous input fields, so how can I pass a var instead of the input id ? Any help would be appreciated This is hopefully a simple fix and I hope someone can help me out, I'm pretty new at coding. I have a form on an html page and I want to make it so when a button is clicked, it adds one to the input to the right of it, and when a button to the right of the input is clicked, it will delete one to the left of that button. I don't want to resort to making a new function for each and every form, because there will be a lot. Here is the form and input parts: Code: <form name="calculate"> <input type="button" onClick="add()" /> <input name="result" type="input" readonly="readonly" value="0" /> <input type="button" onclick="sub()" /> </form> Here is what the function code looks like: Code: function add()
{
var add = 1 * calculate.name.value;
add = add + 1;
calculate.name.value = add;
}
function sub()
{
var add = 1 * calculate.name.value;
add = add - 1;
calculate.name.value = add;
}
Note: where I called the calculate.name.value, that obviously doesn't work, and I need some way, rather than making multiple functions and changing the name part, to be able to call to a name near the button, if at all possible. Any and all ideas are appreciated, Thanks! Below is my previous code I had working in the manner it would change the price, sub_total, tax, sh, total, and total_paid input fields to 0. There are two problems with this... 1. When it outputs to the input fields, the value displays as 0 instead of 0.00. 2. I need to have it only react when the value typed into the input field "trees_sold" is "0". If any higher, I would like it to ignore the statement. Code: <!-- Comp all prices to zero value -->
<SCRIPT LANGUAGE="JavaScript">
var trees_sold = 0.00;
function InitSaveVariables(form) {
price = form.price.value;
sub_total = form.sub_total.value;
tax = form.tax.value;
sh = form.sh.value;
total = form.total.value;
total_paid = form.total_paid.value;
}
function CompPrices(form) {
if (trees_sold == 0.00) {
InitSaveVariables(form);
form.price.value = 0.00;
form.sub_total.value = 0.00;
form.tax.value = 0.00;
form.sh.value = 0.00;
form.total.value = 0.00;
form.total_paid.value = 0.00;
}
}
</script>
Code: <input name="trees_sold" id="trees_sold" size="15" onkeyup="javascript:CompPrices(this.form);" maxlength="15" /> Below is my current code I'm working with that I can't seem to get to function properly. I've modified the first two lines of code here, and am attempting to pull any data that is typed in and automatically take into consideration if it is a "0" value, it reacts as my code below says "if (trees_sold == 0.00)" and if anything else, it will not do anything. This is not working unfortunately. Code: <!-- Comp all prices to zero value -->
<SCRIPT LANGUAGE="JavaScript">
form.trees_sold.value = "";
trees_sold = form.trees_sold.value;
function InitSaveVariables(form) {
price = form.price.value;
sub_total = form.sub_total.value;
tax = form.tax.value;
sh = form.sh.value;
total = form.total.value;
total_paid = form.total_paid.value;
}
function CompPrices(form) {
if (trees_sold == 0.00) {
InitSaveVariables(form);
form.price.value = 0.00;
form.sub_total.value = 0.00;
form.tax.value = 0.00;
form.sh.value = 0.00;
form.total.value = 0.00;
form.total_paid.value = 0.00;
}
}
</script>
Code: <input name="trees_sold" id="trees_sold" size="15" onkeyup="javascript:CompPrices(this.form);" maxlength="15" /> Anyone have any ideas? Thank you. Hello: I have two input boxes on a form which receive the first and last name of a user. I want to be able to use charAt() to get the first letter in each box and pass it to a third box on the same form. Is this doable? May I request some help? I was thinking something like the function below would be the starting point --I stand correct, as it is not working. Code: <script type=\"text/javascript\">
var str=\"Mossa\";
<!--document.write(str.charAt(0));-->
document.write('<INPUT TYPE=text size=2 VALUE=\"str.charAt(0);\">');
var str=\"Barandao\";
document.write('<INPUT TYPE=text VALUE=\"str.charAt(0)\">');
<!--document.write(str.charAt(0));-->
</script>
Any thoughts! Mossa Hi, I have the below function and I keep getting the error Lid is not defined. Code: <script type="text/javascript">
function loadTips(file,ID,File,id){
alert(file);
alert(ID);
alert(File);
alert(id);
loadXMLDoc(file,ID);
var l=setTimeout("loadXMLDocRefresh(File,id)",10000);
}
</script>
My trigger button is: <input type="button" class="button3" value="Tips" onclick="loadTips('getTees.php','txtHintTees','getLees.php','txtHintLees')" /> So my alert Lid comes up with txtHintLees, so it is working up until the alert. Which leads me to believe that maybe it doesn't like being wrapped in "", without "" though firebug halts the process. I tried wrapping it in {} e.g. {loadXMLDocRefresh(File,id)} but that wasn't liked either. I'll stop my list of things I tried that don't work now. But does anyone have any ideas? Hi there, Sorry that the title of this is not very descriptive but I really don't know how to describe what it is i am after. I have a variable that contains an image source. (well I hope it does) Code: var imagebackground = (this.parentNode.parentNode.parentNode.childNodes[1].childNodes[0]).src; Now I need that variable to spit out the image source into where it says background, but wrapped in a url( ) Code: $jQ(document).ready(function(){
$jQ(".btn-cart").click(function(){
$jQ('#floater').animate_from_to('.block-cart', {
pixels_per_second: 200,
initial_css: {
background: (THIS IS WHERE I WANT IT)
}
});
$jQ(this).attr('id', '');
$jQ(this.parentNode.parentNode.parentNode.childNodes[1].childNodes[0]).attr('id', '');
});
});
So basically if the variable was to equal - http://www.google.co.uk/image.jpg - it would function like: Code: $jQ(document).ready(function(){
$jQ(".btn-cart").click(function(){
$jQ('#floater').animate_from_to('.block-cart', {
pixels_per_second: 200,
initial_css: {
background: url(http://www.google.co.uk/image.jpg)
}
});
$jQ(this).attr('id', '');
$jQ(this.parentNode.parentNode.parentNode.childNodes[1].childNodes[0]).attr('id', '');
});
});
I hope I have provided enough information for someone to assist me with this, but if i havent then please tell me and i will try and explain some more. Cheers, Chris Example: Function First() { Var = x1 <--- Use this variable } Function Second() { Var = x2 Var = x1 + x2 } I know this is not the way in the example...but just making sure you know what im talking about. |
|||||||