Plaques Permutation Generator
HTML
<h1>Fields:</h1>
<div id="fields"></div>
<h1>Images:</h1>
<div id="images"></div>
<h1>Debug:</h1>
<div id="debug"></div>
JavaScript
var fieldDelimiter=',';
var imageDelimiter='_';
var imagePreface='http://store-ffs1a.mybigcommerce.com/product_images/r/093/PL';
var imageExtension='.png';
var Sizes={
'[RT]Choose a size=small 14"':'',
'[RT]Choose a size=large 20"':''
};
var Woods={
'[CS]Choose a wood type=maple:78.preview.jpg':'MA',
'[CS]Choose a wood type=cherry:79.preview.jpg':'CH',
'[CS]Choose a wood type=walnut:80.preview.jpg':'WA'
}
var Phrases={
'[S]Choose a phrase=Believe':'bel',
'[S]Choose a phrase=Faith':'fai',
'[S]Choose a phrase=Family':'fam',
'[S]Choose a phrase=Hope':'hop',
'[S]Choose a phrase=In God We Trust':'ing',
'[S]Choose a phrase=In Loving Memory':'inl',
'[S]Choose a phrase=Jesus':'jes',
'[S]Choose a phrase=Love':'lov',
'[S]Choose a phrase=Peace':'pea',
'[S]Choose a phrase=W.W.J.D':'wwj'
}
var Styles={
'[S]Choose a style=Script':'script',
'[S]Choose a style=Standard':'reg',
'[S]Choose a style=Standard (all caps)':'caps'
}
function delimit(field, delimiter){
if (field) {
return delimiter+field;
} else {
return '';
}
}
var fields='';
var images='';
var debug='';
var count=0
for(var Size in Sizes) {
var giSize=delimit(Sizes[Size], imageDelimiter);
var gfSize=delimit(Size, '');
for(var Wood in Woods) {
var giWood=delimit(Woods[Wood], imageDelimiter);
var gfWood=delimit(Wood, fieldDelimiter);
for(var Phrase in Phrases) {
var giPhrase=delimit(Phrases[Phrase], imageDelimiter);
var gfPhrase=delimit(Phrase, fieldDelimiter);
for(var Style in Styles) {
var giStyle=delimit(Styles[Style], imageDelimiter);
var gfStyle=delimit(Style, fieldDelimiter);
var iSize=giSize;
var iWood=giWood;
var iPhrase=giPhrase;
var iStyle=giStyle;
var fSize=gfSize;
...