The thing I would have to ask is do you have to only use replace() ?? The only way I would know then is to add more special characters as well as adding the incremented numbers for the id's using ~id number here: into the string and then it complicates things and gets rather ugly as you have to use multiple replace's. Especially if you are needing to programmatically build the string to begin with, as you would need a loop to add the numbers and characters in to the string first, which would be kinda silly. This would be an example with the string manually built first (it's ugly -ick):
A whole lot prettier way (this is the kind of thing loops are for to begin with):
Code:
var numStr = ',0,0,2,3,6,1,0,0,0,1';
var numArr = numStr.replace(/,/g,'').split(''); //Note if the string were just '0023610001', would not need the replace() here, but still need the split('')
var i = 0, newStr = '';
while (i < numArr.length) {
newStr += '<img src="'+numArr[i]+'.gif" id="IMG'+i+'">';
i++;
}
alert(newStr);
Last edited by astupidname; 12-29-2008 at 08:04 AM.
The thing I would have to ask is do you have to only use replace() ?? The only way I would know then is to add more special characters as well as adding the incremented numbers for the id's using ~id number here: into the string and then it complicates things and gets rather ugly as you have to use multiple replace's. Especially if you are needing to programmatically build the string to begin with, as you would need a loop to add the numbers and characters in to the string first, which would be kinda silly. This would be an example with the string manually built first (it's ugly -ick):
A whole lot prettier way (this is the kind of thing loops are for to begin with):
Code:
var numStr = ',0,0,2,3,6,1,0,0,0,1';
var numArr = numStr.replace(/,/g,'').split(''); //Note if the string were just '0023610001', would not need the replace() here, but still need the split('')
var i = 0, newStr = '';
while (i < numArr.length) {
newStr += '<img src="'+numArr[i]+'.gif" id="IMG'+i+'">';
i++;
}
alert(newStr);
Well, I've got a text box where someone would fill in the code (0,1,2,3,5 etc).
And click a button, which converts the number line into images in a table using:
You're second script is ALMOST perfect for me!
Except, because it removes all the commas, it sees larger numbers as separate numbers.
Like if it's 6,21,5,133
Yes you are right I goofed on that, I suspected I did not have something quite right, but did not put any more effort in to it at the time! Sorry..
num = 0
replace(/,/gi,'.gif"><img id="IMG' + (num++) + '" src="')
That can not work (I actually had tried the same thing once) because the replace() is only evaluated once. So the num++ occurs only once -not once for each instance of it's location in the string.
Nevermind, I've found a solution.
Thanks so much for your help!
Well, you are welcome for thanking me for my partially inadequate help!
I am curious what solution you came up with, as I re-thought the problem and came up with another (better, dare I say nearly perfect?) solution. Even though you got something going now, have a try with the example below. I purposely garbled the string up just to show the power of regEx to extract only the numbers correctly:
Code:
<script type="text/javascript">
//I threw extra commas and other ugly junk in numStr here just to show
//that the extras will be irrelevant using the match method with regEx
var numStr = ',!,0,0),22,37,$$,,6,1,aa0,20,@0,1,,237';
var numArr = numStr.match(/\d+/g); //will match only digits or multiple simultaneous digits and create array of them
var i = 0, newStr = '';
while (i < numArr.length) {
newStr += '<img src="'+numArr[i]+'.gif" id="IMG'+i+'">';
i++;
}
var testTxt = "numStr: " + numStr + "\n\n( ignore the commas below, ";
testTxt += "numArr is an array of numbers only )\n\nnumArr array of numbers: "+numArr;
testTxt += "\n\nnewStr: \n"+newStr;
alert(testTxt);
</script>
Reply With Quote
Originally Posted by astupidname
Bookmarks