Hi I have a little problem. The script below deals with layoutButton function but the problem is that the image and the link must have the same name.
Is there any way to make the name of the link and the image different?
I have 6 different paths for my links but need only 1 path for the image.
Hope it's clear enough.
Thanks,


<table cellpadding="0" cellspacing="0" style="{width: 134px;}"><tbody><tr><td><img width="134" height="25" alt="Updates" src="table/right/layouts.gif" border="0"></td></tr><tr><td class="rightbox">
<script type="text/javascript">
function layoutButton(name, title){
document.write('<td style="border: 1px solid #000000">');
document.write('<a href="'+name+'.html">');
document.write('<img src="images/'+name+'.gif" alt="'+title+'" style="border: 0px" />');
document.write('</a>');
document.write('</td>');
}
document.write('<div align="center"><table cellpadding="0" cellspacing="0" style="border: 0px solid #000000; border-collapse: collapse"><tr>');
layoutButton('1', 'example 1');
layoutButton('2', 'example 2');
document.write('</tr><tr>');
layoutButton('3', 'example 3');
layoutButton('4', 'example 4');
document.write('</tr><tr>');
layoutButton('5', 'example 5');
layoutButton('6', 'example 6');
document.write('<td>&nbsp;</td>');
document.write('</tr><tr>');
document.write('</tr></table></div>');
</script>
</td></tr></tbody></table>

hardcode the image path or name, or add another parameter to the function

ok where you have
function layoutButton(name, title){
document.write('<td style="border: 1px solid #000000">');
document.write('<a href="'+name+'.html">');
document.write('<img src="images/'+name+'.gif" alt="'+title+'" style="border: 0px" />');
document.write('</a>');
document.write('</td>');
}
#
change it for this

function layoutButton(name, link, title){
document.write('<td style="border: 1px solid #000000">');
document.write('<a href="'+link+'.html">');
document.write('<img src="images/'+name+'.gif" alt="'+title+'" style="border: 0px" />');
document.write('</a>');
document.write('</td>');
}

that way you can pass along a second variable called link, this will be the link to the page that you want to load, so your call would look something like

layoutButton('1', '/path/to/url/1', 'example 1');

hope that helps