Discussion :

[totofe49]

Bonjour à tous,
j'ai mis en place un slider avec jquery ui pour une agence immobilière
et je souhaite afficher les prix en millions d'euros sous la forme 1.400.000

pour l'instant j'ai l'affichage suivant : 1400.000
merci pour aide

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
 
$(function() {
		$( "#slider-range" ).slider({
			orientation: "horizontal",
			range: true,
			values: [ 0, 1500 ],
			step: 25,
			slide: function( event, ui ) {
				$( "#prix1" ).val(ui.values[ 0 ] + '.000');
				$( "#prix2" ).val(ui.values[ 1 ] + '.000');
			}
		});
		$( "#slider-range" ).slider({ min: 50 });
		$( "#slider-range" ).slider({ max: 3000 });
	});

[scourjean]

Ceci devraît t'aider pour le format de nombre :
http://plugins.jquery.com/files/jque...ormat.js_0.txt

[SpaceFrog]

tant qu'a faire autant rester jquery

http://plugins.jquery.com/plugin-tags/number-format

[totofe49]

j'ai essayé cet exemple ( avec jquery 1.4) qui ne fonctionne pas :
$().numberFormat is not a function

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
 
$(document).ready(function(){
    var formated_value = $().numberFormat( $('#idNumber').val() );
    $('#idNumber').val(formated_value);
});
<br/>
<input type="text" id="idNumber" name="number" value="123456789" />

[totofe49]

bon après nombreuses vérifications çà fonctionne :
plug-in à télécharger en .js :
http://code.google.com/p/jquery-numberformatter/

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
 
// include jquery-1.4.js
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/jquery-ui.min.js" type="text/javascript"></script>
<link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.6/themes/base/jquery-ui.css" type="text/css" media="all" />
<link rel="stylesheet" href="http://static.jquery.com/ui/css/demo-docs-theme/ui.theme.css" type="text/css" media="all" />
<script type="text/javascript">
	$(function() {
		$( "#slider-range" ).slider({
			orientation: "horizontal",
			range: false,
			values: [ 0, 1500 ],
			step: 25,
			slide: function( event, ui ) {
				$( "#prix1" ).val(ui.values[ 0 ]).format({format:"#,###.000", locale:"fr"});
				$( "#prix2" ).val(ui.values[ 1 ]).format({format:"#,###.000", locale:"fr"});
			}
		});
		$( "#slider-range" ).slider({ animate: true });
		$( "#slider-range" ).slider({ min: 50 });
		$( "#slider-range" ).slider({ max: 3000 });
	});
</script>