|
JavaScript - Javascript - Text Box Currency Format
Hello,
Firstly - relatively new to javascript. I have seen many examples of code that will return a passed value in a currency format - however I have a sales form that is calculating values via a function in the text boxes I want formatted with a currency ($) symbol. The function that is called is not passing any values, and returning a calculation of the form subtotals per item, and then total sales figure. Can anybody give me any hints on format these cells to a currency value? I can give examples of how my code is currently if required. Thanks in advance Similar Tutorialsthis code is formatting the price like that 500 000 but i need to price format like this 500.000 so i need dot instead space code at below PHP Code: <html> <head> <script type="text/javascript"> window.onload = attachEvents; function attachEvents() { document.getElementById('myInput').onkeyup = reformatNumber; } function reformatNumber() { // No error checking. Assumes only ever 1 DP per number var text = this.value; // Strip off anything to the right of the DP var rightOfDp = ''; var dpPos = text.indexOf('.'); if (dpPos != -1) { rightOfDp = text.substr(dpPos); text = text.substr(0, dpPos); } var leftOfDp = ''; var counter = 0; // Format the remainder into 3 char blocks, starting from the right for (var loop=text.length-1; loop>-1; loop--) { var char = text.charAt(loop); // Ignore existing spaces if (char == ' ') continue; leftOfDp = char + leftOfDp; counter++; if (counter % 3 == 0) leftOfDp = ' ' + leftOfDp; } // Strip leading space if present if (leftOfDp.charAt(0) == ' ') leftOfDp = leftOfDp.substr(1); this.value = leftOfDp + rightOfDp; } </script> </head> <body> <form> <input type="text" id="myInput" /> </form> </body> </html> We format euro currency as 1.000.000,00 (just the opposite of USD). Anyone who could give me a script that changes the input into this format? I tried 'replace' with a regular expression, but my regexes don't work. Hi Guys, I'm looking for a way to convert a number in to currency format so 10000000 is 10,000,000 etc... i found this code and was hoping someone could advise how to tweak it so that it works automatically without having to hit a button i.e. I will be passing a value dynamically to the code and want it evaluated without the user clicking anything if the code was like var="10000000" <-the number I dynamically pass in and output 10,000,000 You probably guessed Javascript aint my forte. Thanks http://www.designerwiz.com/JavaScrip...ncy_format.htm Code: <!--
// == This Script Free To Use Providing This Notice Remains == //
// == This Script Has Been Found In The http://www.DesignerWiz.com Javascript Public Archive Library == //
// == NOTICE: Though This Material May Have Been In A Public Depository, Certain Author Copyright Restrictions May Apply == //
--><script language="JavaScript" type="text/javascript">
<!-- Begin
function checkNum(data) { // checks if all characters
var valid = "0123456789."; // are valid numbers or a "."
var ok = 1; var checktemp;
for (var i=0; i<data.length; i++) {
checktemp = "" + data.substring(i, i+1);
if (valid.indexOf(checktemp) == "-1") return 0; }
return 1;
}
function dollarAmount(form, field) { // idea by David Turley
Num = "" + eval("document." + form + "." + field + ".value");
dec = Num.indexOf(".");
end = ((dec > -1) ? "" + Num.substring(dec,Num.length) : ".00");
Num = "" + parseInt(Num);
var temp1 = "";
var temp2 = "";
if (checkNum(Num) == 0) {
alert("This does not appear to be a valid number. Please try again.");
}
else {
if (end.length == 2) end += "0";
if (end.length == 1) end += "00";
if (end == "") end += ".00";
var count = 0;
for (var k = Num.length-1; k >= 0; k--) {
var oneChar = Num.charAt(k);
if (count == 3) {
temp1 += ",";
temp1 += oneChar;
count = 1;
continue;
}
else {
temp1 += oneChar;
count ++;
}
}
for (var k = temp1.length-1; k >= 0; k--) {
var oneChar = temp1.charAt(k);
temp2 += oneChar;
}
temp2 = "$" + temp2 + end;
eval("document." + form + "." + field + ".value = '" + temp2 + "';");
}
}
// End --></script>
<center>
<form name=commaform>Enter a number then click the button: <input type=text name=input size=10 value="">
<input type=button value="Convert" onclick="dollarAmount(this.form.name, 'input')">
<br><br>
or enter a number and click another field: <input type=text name=input2 size=10 value="" onBlur="dollarAmount(this.form.name, this.name)">
</form>
I have been working on this code for a few days now and it works. Or at least it appears to be working. I would like to have the tot 1, tot 2, tot 3 return with currency formatting. Is there a way to add something to my code to accomplish this? Thank you in advance for any suggestions. Regards Code: <html>
<head>
<script type="text/javascript" src="autoCurrency.js"></script>
<script type="text/javascript">
function doCalc() {
var v1 = document.getElementById('value1').value;
var v2 = document.getElementById('value2').value;
var v3 = document.getElementById('value3').value;
document.getElementById('total1').value = ((v1*5)+(v2*1)) * (1-v3/100);
document.getElementById('total2').value = ((v1*10)+(v2*1)) * (1-v3/100);
document.getElementById('total3').value = ((v1*15)+(v2*1)) * (1-v3/100);
}
</script>
<style type="text/css">
button { width: 80px; }
input { margin: 10px 0; }
input[type='text'] { width: 50px; }
</style>
</head>
<body>
<div>
<input id="value1" type="text" value="0" /> <br />
</div>
<div>
<input id="value2" type="text" value="0" /> <br />
</div>
<div>
<input id="value3" type="text" value="0" /> <br />
</div>
Tot 1:<input id="total1" type="text" /><br />
Tot 2: <input id="total2" type="text" /><br />
Tot 3: <input id="total3" type="text" /><br />
<button class="long" onclick="doCalc();">Calculate</button>
</body>
</html>
Anyone ever did this before? domain1.com will have a paragraph of one currency price domain2.com will have the same paragraph with a different currency price. Hi all, I have a web form. I use a simple function to generate a letter ouput based on the form fields and populate them into a word doc for printing. Below is a basic example, but you get the idea. Code: function createDocument() {
strDoc = "\n\n"
strDoc += "Hello there!\n"
strDoc += "Answers to form stuff goes here\n"
var w =new ActiveXObject("Word.Application");
w.Visible=true;
w.Documents.Add();
w.Selection.TypeText("" + strDoc);
}
Note this is only intended to be used on IE8. As it stands, the ouput generates and formats exactly as I want bar two things: 1) Does anyone know how I can get some of the text to bold? I've tried everything I can think of (html tags, escape characters etc etc). Is there a way to open a word window in rtf perhaps? 2) Does anyone know how I can insert a small image (a signature in gif or jpg) into the document? I can use a browser window instead of word, which formats, bolds, images etc, however I then get the issue of headers/footers when printing. I cannot disable headers everytime I want to print a letter, it's not practical. Any advice would be greatly appreciated Cheers! I have a database script that returns dates in the following format: yyyy-mm-dd I have been using the following code to change this format to dd-mm-yyyy: Code: <script type="text/javascript">
var myString = "[[date]]";
var mySplitResult = myString.split("-");document.write(mySplitResult[2] + "/" + mySplitResult[1] + "/" + mySplitResult[0] );
</script>
However, I now want to display the date in text format, e.g. 01-08-2009 would be displayed as 01 August 2009. Could anyone please let me know how I change the script to show this format? Many thanks in advance, Neil Hello. I have got this kind of array: Code: $days = array('Monday' => '2012-03-19',
'Tuesday' => '2012-03-20'
);
I'm iterating like this: Code: foreach($days as $key => $value){
echo '<a href="javascipt:confirmDelete('.$value.');">Delete</a>';
}
Script: Code: function confirmDelete(day)
{
if (confirm('Delete?')) {
window.location.href = 'processDay.php?action=delete&day=' + day ;
}
}
While i hover over the link with coursor, it show it good: javascript:confirmDelete(2012-03-19), but when I submit the delete confirmation, i get &day=1987. Where is the problem? Hi All, I have a snippet of Javascript that changes date format from yyyy/mm/dd to dd/mm/yyyy: Code: <script type="text/javascript">
var myString = "[[date]]";
var mySplitResult = myString.split("-");document.write(mySplitResult[2] + "/" + mySplitResult[1] + "/" + mySplitResult[0] );
</script>
However, I want it to return the format as dd/mm/yy (the last two number of the year rather than the full four). Is this possible to do? Thanks, Neil hello, is there a date format for an existing date? all I see is a var d = new Date(); but i need to format an existing date? thanks! I'm trying to find a way to display a future date in short format (as an expiration date) with Javascript. I've figured out how to do it with long format, but have no idea how to convert it and I'm not great with Javascript. Here is code that I found on another forum and modified: Code: <!doctype html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
</head>
<body>
<!doctype html>
<head>
<title>Expires</title>
</head>
<body>
<script>
var myDelayInDays=6, myDate=new Date();
myDate.setDate(myDate.getDate()+myDelayInDays);
document.write('Expires: ' + myDate.toLocaleDateString());
</script>
</body>
</html>
</body>
</html>
Which displays: "Expires: Monday, May 21, 2012" I would like it to display: "Expires: 05/21/2012" Can anyone help?! As of right now I have a code that will work in IE but wont work in FireFox...go figure. Basically what I want to have happen is when you type in an area code it will provide an output in a predetermined area of the page. For Example: Input- 512 Output - Austin, TX The code that I have doesn't work with firefox and I was just wondering if there was a code that would allow that to happen. Thanks! Hello I have this script Code: /* This script and many more are available free online at
The JavaScript Source!! http://javascript.internet.com
Created by: Mario Costa | */
function currencyFormat(fld, milSep, decSep, e) {
var sep = 0;
var key = '';
var i = j = 0;
var len = len2 = 0;
var strCheck = '0123456789';
var aux = aux2 = '';
var whichCode = (window.Event) ? e.which : e.keyCode;
if (whichCode == 13) return true; // Enter
if (whichCode == 8) return true; // Delete
key = String.fromCharCode(whichCode); // Get key value from key code
if (strCheck.indexOf(key) == -1) return false; // Not a valid key
len = fld.value.length;
for(i = 0; i < len; i++)
if ((fld.value.charAt(i) != '0') && (fld.value.charAt(i) != decSep)) break;
aux = '';
for(; i < len; i++)
if (strCheck.indexOf(fld.value.charAt(i))!=-1) aux += fld.value.charAt(i);
aux += key;
len = aux.length;
if (len == 0) fld.value = '';
if (len == 1) fld.value = '0'+ decSep + '0' + aux;
if (len == 2) fld.value = '0'+ decSep + aux;
if (len > 2) {
aux2 = '';
for (j = 0, i = len - 3; i >= 0; i--) {
if (j == 3) {
aux2 += milSep;
j = 0;
}
aux2 += aux.charAt(i);
j++;
}
fld.value = '';
len2 = aux2.length;
for (i = len2 - 1; i >= 0; i--)
fld.value += aux2.charAt(i);
fld.value += decSep + aux.substr(len - 2, len);
}
return false;
}
and I call it like that: onKeyPress="return(currencyFormat(this,',',',',event))" the ouput is: 100,000.00 How can I get rid of of the last 2 ziros after the last dot I need this kind of output 1,000 10,000 100,000 1,000,000 any help ? Hi I have the following currency converter code which works fine, but I need to make it possible for someone else to edit the euro price using a visual editor such as contribute. 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>Untitled Document</title>
<script language='javascript'>
exchRate = 1.13;
function getUKP(price) {
document.write('(£' + Math.round(price / exchRate) + ')');
}
</script>
</head>
<body>
<strong>€526</strong> <script type="text/javascript">getUKP('526');</script><br /><br />
<strong>€1999</strong> <script type="text/javascript">getUKP('1999');</script>
</body>
</html>
This code requires someone to change the figure in the javascript as well as the html. I guess I need to somehow automatically pick up the numeric characters only from the html which appear on the same line of code... or perhaps there's an easier way.? Any help would be much appreciated. Thanks Dear All, On my HTML page, I am trying to use as a snippet the script for automatic currency conversion. It is well known that exchange rates between currency are being changed very often (most of times even daily) and I don't want to republish either page with script or entire website every time the exchange rate changes. For website design I am using xsitepro software because I don't know programming. So what I would like to have on specific page of website is something similar to table (if anyone has any better recommendation than using a table, please share). In this table I would like to state prices of my services. Primary currency is only one. So in this column, the numbers shouldn't be changed unless I want to change the prices (and of course therefore republish the website, no need to republish sitemap). In the rest of the columns the numbers should be changed immediately, without needing to republish anything (thats the point of the script) and also rounded to each 5. What I mean with ''each 5'' is shown on few of the following random chosen examples (1500): 1500.03 is rounded to 1500 1500.30 is rounded to 1500 1500.50 is rounded to 1500 1502.49 is rounded to 1500 1502.50 is rounded to 1505 (!) 1504.99 is rounded to 1505 1505.01 is rounded to 1505 1507.49 is rounded to 1505 1507.50 is rounded to 1510 and so on. Idea is to prevent from getting coins. So the break point is on 2.50, 7.50, 12.50, 17.50, 22.50, 27.50 and so on. Not sure how to mathematically describe this. Hopefully I was understandable. I want to have in the columns only the currencies that I am willing to accept if potential client cannot change the currency to my primary one (given in second most left column) in his local exchange office. But I repeat that what Im trying to do is having automatically and immediately updated numerical values on particular HTML page based on most recent exchange rates (of course trustful source is needed). Since I don't know programming, I did some research on google and discovered this: http://coinmill.com/webmaster_options.html The downer script on the right side looks ok but its not even close to what I need due to five reasons: - it is being converted outside the table - with such way i cannot clearly show which currency is primary (prefered) one - conversion is being done to only one other currency at the same time - no rounding to ''each 5'' - unknown source (and therefore untrustful one) of updating most recent exchange rates Table such as this one: http://www.x-rates.com/ looks great but still not meeting my requirements. I would like to replace flags in the left column with ''service 1'', ''service 2'', ''product 1'' etc. Also I have no idea how rounding could be done. So at the end I would end up with something like (here Im showing only two ''still willing to accept'' currencies just to show an example): Currency:Euro Currency:American Dollar Currency:Japanese Yen Service1 500 670 51535 Service2 400 535 41228 Service3 200 265 20614 Top left corner as it is on x-rates.com would be even better. note: when I previewed my post before submitting, I noticed that the forum doesn't let me make so much spaces but I think those numbers are still understandable where do they belong. Any help would be muuuuuch appricated ... or at least adding the commas? I need to format this number as currency. It is within the "flot" code, which is a charting framwork. I dont know anything about javascript at all so bear with me. Here is part of the code, the piece in red calls for the number. This is what I need displayed with commas, so its easy to read. I have found a few examples on the web but I have no idea how to apply them to this code. Can anyone help? Code: var previousPoint = null;
$("#placeholder").bind("plothover", function (event, pos, item) {
$("#x").text(pos.x.toFixed(2));
$("#y").text(pos.y.toFixed(2));
if ($("#enableTooltip:checked").length > 0) {
if (item) {
if (previousPoint != item.datapoint) {
previousPoint = item.datapoint;
$("#tooltip").remove();
var x = item.datapoint[0].toFixed(2),
y = item.datapoint[1].toFixed(2);
showTooltip(item.pageX, item.pageY,
'<b>' + item.series.label + '</b> '+ ": " + y );
Hey I've been working on my Spanish Clubs' website over the summer and I need some help when making this converter. I want to make it so when someone chooses a different country, it will change the answeres and do the equation in the text boxes and also if they change the numbers manually they will also do the equation. I've tried it out and it's making me go mad. PLEASE HELP! Here is the javascript code I made: Code: function calculatecountry()
{
var country = calculate.countrys.options[calculate.countrys.selectedIndex].text;
//===============================COUNTRIES====================================
if (countrys=="--Country--")
{
var usd1 = 0;
var other1 = 0;
}
if (countrys=="Argentina")
{
var usd1 = 0.2553;
var other1 = 1;
}
if (countrys=="Bolivia")
{
var usd1 = 0.14245;
var other1 = 1;
}
if (countrys=="Chile")
{
var usd1 = 0.0018;
var other1 = 1;
}
//================================EQUATIONS=====================================
var c1 = calculate.other.value;
var c2 = calculate.usd.value;
var ans1 = c1 * other1;
var ans2 = c2 * usd1;
calculate.usd.value = ans1;
calculate.other.value = ans2;
}
Here is the form code: Code:
<html><head><title></title>
<script type="text/javascript" src="js_money_calc.js"></script>
</head><body>
Converter
<form name="calculate">
<select name="countrys" onChange="calculatecountry()">
<option selected>--Country--</option>
<option>Argentina</option>
<option>Bolivia</option>
<option>Chile</option>
</select><p>
<input type="text" name="usd" onKeyUp="calculatecountry()" /> = <input type="text" name="other" onKeyUp="calculatecountry()" /></p>
</form>
</body></html>
Thanks. Hi, I'm really stupid and haven't been working with javascript long, so forgive my incompetence. I need to create a simple currency convertor. Not with live rates or anything like that. It needs to allow a user to input a dollar amount, add a bank fee to that and convert the amount into one of six currencies. here is my code Code: <html>
<head>
<script type="text/javascript">
<!--
var Amount=document.getElementById('amount');
var Fees=document.getElementById('bankComm');
var Total=document.getElementById('ausTotal');
var Currency=document.getElementById('currency');
var Converted=document.getElementById('converted');
var Choice=document.getElementById('choice');
function fees()
{
var Amount=document.getElementById('amount');
var Fees=document.getElementById('bankComm');
if (Amount.value>=1&&Amount.value<5001)
{
Fees.value=20
}
if (Amount.value>=5001&&Amount.value<10001)
{
Fees.value=30
}
if (Amount.value>=10001)
{
Fees.value=40
}
}
function addFees()
{
var Amount=document.getElementById('amount');
var Fees=document.getElementById('bankComm');
var Total=document.getElementById('ausTotal');
Total.value=Fees.value+Amount.value
}
function convert()
{
var Amount=document.getElementById('amount');
var Currency=document.getElementById('currency');
var Converted=document.getElementById('converted');
var Choice=document.getElementById('choice');
var US=0.91810;
var UK=0.60285;
var HK=7.12812;
var SNG=1.26784;
var JY=84.2563;
var NZ=1.29565;
switch(document.convertor.currency.value)
{
case:"US Dollars"
document.convertor.converted.value=US*document.convertor.amount.value
document.convertor.choice.value=document.convertor.currency.value
break
case:"UK Ponds"
document.convertor.converted.value=UK*document.convertor.amount.value
document.convertor.choice.value=document.convertor.currency.value
break
case:"HK Dollars"
document.convertor.converted.value=HK*document.convertor.amount.value
document.convertor.choice.value=document.convertor.currency.value
break
case:"Singapore Dollars"
document.convertor.converted.value=SNG*document.convertor.amount.value
document.convertor.choice.value=document.convertor.currency.value
break
case:"Japanese Yen"
document.convertor.converted.value=JY*document.convertor.amount.value
document.convertor.choice.value=document.convertor.currency.value
break
case:"NZ Dollars"
document.convertor.converted.value=NZ*document.convertor.amount.value
document.convertor.choice.value=document.convertor.currency.value
break
}
}
//-->
</script>
</head>
<body>
<div id="divWrapper">
<form name="Convertor" id="Convertor">
Enter amount in Australian Dollars $
<input name="amount"type="text" id="amount" onBlur="fees()" value="0" size="7" />
+ $<input name="bankComm" type="text" id="bankComm" style="border:0px" onChange="addFees()" value="0" size="2" />
administration charges =
<input name="ausTotal" type="text" id="ausTotal" style="border:0px" value="0" size="7">
<br /><br />
Please select a currency <select name="currency" id="currency">
<option>Please Choose One</option>
<option value="US Dollars">US Dollars</option>
<option value="UK Pounds">UK Pounds</option>
<option value="HK Dollars">HK Dollars</option>
<option value="Singapore Dollars">Singapore Dollars</option>
<option value="Japanese Yen">Japanese Yen</option>
<option value="NZ Dollars">NZ Dollars</option>
</select><br /><br />
The amount is:
<input name="converted" type="text" id="converted" value="" size="7"/>
in
<input name="choice" type="text" id="choice" style="border:0px" value="">
<br /><br />
<input name="convert" type="button" id="convert" onClick="convert()" value="Convert" />
</form>
</div>
</body>
</html>
I've tried using getElementbyId and using the names, as far as I can tell, it's sytactically correct, but It doesn't seem to work no matter what I do. I have a headache, actually I have two. If anyone can help me, I'd be extremely grateful. |
|||||||