text field para birimi?

26-08-2015, 23:17:02

#1

nurettin

Merhabalar,
text fieldi para birimizize göre nasıl bir kod yazmam gerekir?

27-08-2015, 00:36:00

#2

bluexpres

tam olarak ne istediğinizi anlayamadım. kişi textfield'a bi şeyler yazdıkça sonunda hep tl olsun mu istiyorsunuz ?
jquery ile de yapılabilir ama css ile şöyle kestirmeden bir yol izleyebilirsiniz ;

    <span class="input-tl">
    <input type="text" />
</span>

.input-tl {
    position: relative;
}
.input-tl:after {
    position: absolute;
    top: 0;
    content:"₺";
    right: 15px;
}

demo : https://jsfiddle.net/L8w5t661/1/

30-08-2015, 22:19:43

#3

nurettin

Aslında şu şekilde standart olmasını istiyorum.

Burada normal yazdıgınız zaman , den sonrasına yazmıyor eğer isterseniz , den sonrasına tıklarsanız yazıyorsunuz yada , yazdıktan sonraki kısımları yazabiliyorsunuz.

31-08-2015, 00:22:27

#4

bluexpres

illa virgülden sonraki kısma tıklandığında olsun ya da kişi virgüle bastığında olsun demiyorsanız çok uğraşmadan şu plugin ile ; http://www.decorplanit.com/plugin/

jQuery(function($) {
      $('#someID_options').autoNumeric('init', {aSign:' TL', pSign:'s' }); 
  });

şu şekilde sorunu çözebilirsiniz.

Umarım işinize yarar, iyi çalışmalar.

05-09-2015, 19:48:56

#5

nurettin

Teşekkurler şöyle bir sayfa kodlaması yaptım. Bootstrap da sıkıntısı yapıyor.

Çalışan kod:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>autoNumeric</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script type="text/javascript" src="http://rawgit.com/BobKnothe/autoNumeric/master/autoNumeric.js"></script>
<script type="text/javascript">
jQuery(function($) {
    $('.tutar').autoNumeric('init');
});
</script>
</head>
<body>
	
<input type="text" class="tutar" data-a-sep="." data-a-dec=",">

</body>


</html>

<div class="form-group">
 <label for="tutar">Tutar</label>
<input type="text" name="tutar" id="tutar"  data-a-sep="." data-a-dec="," required="required" class="form-control">
</div>

böyle yaptım ama çalışmadı.

Sizce neden? js kodlarını head tagına ekledim.

06-09-2015, 21:03:34

#6

nurettin

yardımcı olacak varmı?