gør kode dynamsik
Jeg har følgende kode som er statisk, hermed mener jeg at de billeder som skal bruges skal være diff på forhånd.Jeg vil gerne have det sådan at koden virker ligegyldigt hvad billede navnet er, r det muligt ?
Her er koden:
<html>
<head>
<script language="javascript">
function putimg(x) {
document.all['actpic'].src='images/img'+x+'.jpg';
}
function inspic() {
window.opener.allelm.src.value=document.all['actpic'].src
window.close();
}
</script>
<style>
td
{
font-size: 11px;
line-height: 15px;
color: #333333;
font-family: Verdana, Arial, Helvetica, Geneva, Charcoal, Sans-Serif;
}
.searchbutton
{
font-family: Verdana, Arial, Helvetica, sans-serif ;
font-size: 10px ;
line-height: 10px ;
color: #FFFFFF ;
background: #99CC33 ;
border-color: #666666 ;
border-width: 1px ;
border-style: solid ;
}
.hand
{
cursor:hand;
}
</style>
</head>
<body>
<table border="0" cellspacing="0" cellpadding="0" width="400">
<tr>
<td width="250">
Select the image that you would like to insert<br>and press the "Insert"-button<br><br>
<img id="actpic" src="images/img1.jpg" border="1" >
<br><br>
<button class="searchbutton" onclick="inspic()">Insert</button> <button class="searchbutton" onclick="window.close()">Cancel</button>
</td>
<td width="150">
<table border="0" cellspacing="0" cellpadding="0" width="150">
<tr><td><img class="hand" src="images/img1.jpg" width="30" border="1" onclick="putimg(1)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img2.jpg" width="30" border="1" onclick="putimg(2)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img3.jpg" width="30" border="1" onclick="putimg(3)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img4.jpg" width="30" border="1" onclick="putimg(4)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img5.jpg" width="30" border="1" onclick="putimg(5)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img6.jpg" width="30" border="1" onclick="putimg(6)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img7.jpg" width="30" border="1" onclick="putimg(7)"></td></tr>
<tr><td><img class="hand" src="images/clearpixel" height="2"></td></tr>
<tr><td><img class="hand" src="images/img8.jpg" width="30" border="1" onclick="putimg(8)"></td></tr>
<tr><td><img class="hand" src="images/img9.jpg" width="600" height="550" border="1" onclick="putimg(9)"></td>
</tr>
</table>
</td>
</tr>
</table>
</body>
</html>
