The following functions help you to pad a string in Javascript.
// left padding s with c to a total of n chars
function padding_left(s, c, n) {
if (! s || ! c || s.length >= n) {
return s;
}
var max = (n - s.length)/c.length;
for (var i = 0; i < max; i++) {
s = c + s;
}
return s;
}
// right padding s with c to a total of n chars
function padding_right(s, c, n) {
if (! s || ! c || s.length >= n) {
return s;
}
var max = (n - s.length)/c.length;
for (var i = 0; i < max; i++) {
s += c;
}
return s;
}
An example is worth a thousand words.
<html>
<head>
<script type="text/javascript" src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script type="text/javascript">
$(document).ready(function() {
// print ****eureka
alert(padding_left('eureka', '*', 10));
// print eureka****
alert(padding_right('eureka', '*', 10));
});
// left padding s with c to a total of n chars
function padding_left(s, c, n) {
if (! s || ! c || s.length >= n) {
return s;
}
var max = (n - s.length)/c.length;
for (var i = 0; i < max; i++) {
s = c + s;
}
return s;
}
// right padding s with c to a total of n chars
function padding_right(s, c, n) {
if (! s || ! c || s.length >= n) {
return s;
}
var max = (n - s.length)/c.length;
for (var i = 0; i < max; i++) {
s += c;
}
return s;
}
</script>
</head>
<body>
<p>Eureka!</p>
</body>
<html>
Done =)
Reference: JavaScript: left or right pad a string to fixed length
Eureka! 