HTML input text opmaak als getal

Status
Niet open voor verdere reacties.

japiepatat

Gebruiker
Lid geworden
4 jul 2007
Berichten
54
Beste HTML-goeroe's,

Ik ben op zoek naar een mogelijkheid om getallen in een invoerveld ook weer te geven op die manier.
Dus niet 100000 links uitgelijnd, maar 100.000 rechts uitgelijnd.

Alvast bedankt voor jullie reactie.

Johan
 
Dat helpt inderdaad voor het rechts uitlijnen, maar mijn belangrijkste probleem zit in de opmaak met duizendtalscheiding en komma voor de decimalen.
 
je wilt dit puur html matig oplossen. hopelijk is dit mogelijk zelf zou ik door middel van php of javascript
 
ok, dus b.v. onblur() en dan controleren of het getal groter dan duizend is en dan aanpassen met javascript?
 
je ook verst oppen in een javascript. zoals hier onder. Hoe er rekening mee dat je vanaf rechtafmoet met tellen
HTML:
<SCRIPT LANGUAGE="JavaScript"> 
function onload() { window.alert("Welkom op mijn website"); } 
</SCRIPT> 
</HEAD>
 <BODY onLoad="onload()">
 
Laatst bewerkt:
De makkelijkste manier is om dit met PHP te doen mits je die mogelijkheid hebt.
Je zou dan bijvoorbeeld als volgt kunnen doen:
--------------------------------------------------
echo number_format($total, 2, '.', ',');
Uitleg:
$total = variabele totaalbedrag
2 = aantal cijfers achter de komma
. = het scheidingsteken voor 1000 tallen dus : 100000 => 100.000
, = het scheidingsteken achter de "komma" dus: 100.000,23
--------------------------------------------------
Indien dit niet kan moet je kijken naar javascript hoewel dit niet door iedereen ingeschakeld hoeft te zijn.
Ik weet niet of volgende code werkt maar deze heb ik gevonden via google : javascript currency format
------------------------------------------

<!-- TWO STEPS TO INSTALL CURRENCY FORMAT:

1. Copy the coding into the HEAD of your HTML document
2. Add the last code into the BODY of your HTML document -->

<!-- STEP ONE: Paste this code into the HEAD of your HTML document -->

<HEAD>

<SCRIPT LANGUAGE="JavaScript">
<!-- Original: Cyanide_7 (leo7278@hotmail.com) -->
<!-- Web Site: http://www7.ewebcity.com/cyanide7 -->

<!-- This script and many more are available free online at -->
<!-- The JavaScript Source!! http://javascript.internet.com -->

<!-- Begin
function formatCurrency(num) {
num = num.toString().replace(/\$|\,/g,'');
if(isNaN(num))
num = "0";
sign = (num == (num = Math.abs(num)));
num = Math.floor(num*100+0.50000000001);
cents = num%100;
num = Math.floor(num/100).toString();
if(cents<10)
cents = "0" + cents;
for (var i = 0; i < Math.floor((num.length-(1+i))/3); i++)
num = num.substring(0,num.length-(4*i+3))+','+
num.substring(num.length-(4*i+3));
return (((sign)?'':'-') + '$' + num + '.' + cents);
}
// End -->
</script>
</HEAD>

<!-- STEP TWO: Copy this code into the BODY of your HTML document -->

<BODY>

<center>
<form name=currencyform>
Enter a number then click the button: <input type=text name=input size=10 value="1000434.23">
<input type=button value="Convert" onclick="this.form.input.value=formatCurrency(this.form.input.value);">
<br><br>
or enter a number and click another field: <input type=text name=input2 size=10 value="1000434.23" onBlur="this.value=formatCurrency(this.value);">
</form>
</center>
 
Bedankt voor je uitgebreide hulp. Ik moet inderdaad kunnen reageren met javascript, aangezien er in een groot aantal velden ook tekst ingevoerd kan worden.
Ik ga eens kijken hoe ik met deze code de boel werkend kan krijgen.
Iedereen bedankt!
 
Status
Niet open voor verdere reacties.
Terug
Bovenaan Onderaan