java conflicts....

same javascript in same table... conflicts.

[Psylos]

Hey Gang,
I'm new to the forums so excuse my entry... hopefully you can help me with this java script confilct I am having. I have created a table, 1 row and 2 colums with the same script running. Problem is both will not work now. It is a slide show script with begining, end and previous buttons. When I remove one script from the table the one left inside will start working. Can you please assist?

Here is what it looks like:

<table width="692" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td><center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="red"> <b>Image
Slideshow</b> </td>
</tr>
<tr>
<td align=center bgcolor="white" width=300 height=225>
<img src="enlarge/kickbox-037.jpg" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0"> <select name="slide" onChange="change();">
<option value="enlarge/kickbox-037.jpg" selected>kickbox-037
<option value="enlarge/kickbox-049.jpg">kickbox-049
<option value="enlarge/kickbox-060.jpg">kickbox-060
<option value="enlarge/kickbox-066.jpg">kickbox-066
<option value="enlarge/kickbox-071.jpg">kickbox-071
<option value="enlarge/kickbox-073.jpg">kickbox-073
<option value="enlarge/kickbox-074.jpg">kickbox-074
<option value="enlarge/kickbox-094.jpg">kickbox-094
<option value="enlarge/kickbox-095.jpg">kickbox-095
<option value="enlarge/kickbox-096.jpg">kickbox-096
</select> </td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0"> <input name="button" type=button title="Beginning" onClick="first();" value="¦<<">
<input name="button" type=button title="Previous" onClick="previous();" value="<<">
<input type=button name="slidebutton" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input name="button" type=button title="Next" onClick="next();" value=">>">
<input name="button" type=button title="End" onClick="last();" value=">>¦">
</td>
</tr>
</table>
</form>
</center></td>
<td><center>
<form name=slideform>
<table cellspacing=1 cellpadding=4 bgcolor="#000000">
<tr>
<td align=center bgcolor="red"> <b>Image
Slideshow</b> </td>
</tr>
<tr>
<td align=center bgcolor="white" width=300 height=225>
<img src="enlarge/kickbox-074.jpg" name="show">
</td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0"> <select name="select" onChange="change();">
<option value="enlarge/kickbox-074.jpg" selected>kickbox-074
<option value="enlarge/kickbox-095.jpg">kickbox-095
<option value="enlarge/kickbox-096.jpg">kickbox-096
<option value="enlarge/kickbox-101.jpg">kickbox-101
<option value="enlarge/kickbox-124.jpg">kickbox-124
<option value="enlarge/kickbox-125.jpg">kickbox-125
<option value="enlarge/kickbox-126.jpg">kickbox-126
<option value="enlarge/kickbox-127.jpg">kickbox-127
<option value="enlarge/kickbox-149.jpg">kickbox-149
<option value="enlarge/kickbox-161.jpg">kickbox-161
</select> </td>
</tr>
<tr>
<td align=center bgcolor="#C0C0C0"> <input name="button2" type=button title="Beginning" onClick="first();" value="¦<<">
<input name="button2" type=button title="Previous" onClick="previous();" value="<<">
<input type=button name="slidebutton2" onClick="ap(this.value);" value="Start" title="AutoPlay">
<input name="button2" type=button title="Next" onClick="next();" value=">>">
<input name="button2" type=button title="End" onClick="last();" value=">>¦">
</td>
</tr>
</table>
</form>
</center></td>
</tr>
</table>

[Bernard Marx]

Where's the script (!) :)

[Psylos]

ooppsss!...lol... sorry. thanks man!

<SCRIPT LANGUAGE="JavaScript">

<!-- Begin
var rotate_delay = 5000; // delay in milliseconds (5000 = 5 secs)
current = 0;
function next() {
if (document.slideform02.slide[current+1]) {
document.images.show.src = document.slideform02.slide[current+1].value;
document.slideform02.slide.selectedIndex = ++current;
}
else first();
}
function previous() {
if (current-1 >= 0) {
document.images.show.src = document.slideform02.slide[current-1].value;
document.slideform02.slide.selectedIndex = --current;
}
else last();
}
function first() {
current = 0;
document.images.show.src = document.slideform02.slide[0].value;
document.slideform02.slide.selectedIndex = 0;
}
function last() {
current = document.slideform02.slide.length-1;
document.images.show.src = document.slideform02.slide[current].value;
document.slideform02.slide.selectedIndex = current;
}
function ap(text) {
document.slideform02.slidebutton.value = (text == "Stop")? "Start" : "Stop";
rotate();
}
function change() {
current = document.slideform02.slide.selectedIndex;
document.images.show.src = document.slideform02.slide[current].value;
}
function rotate() {
if (document.slideform02.slidebutton.value == "Stop") {
current = (current == document.slideform02.slide.length-1)? 0 : current+1;
document.images.show.src = document.slideform02.slide[current].value;
document.slideform02.slide.selectedIndex = current;
window.setTimeout("rotate()", rotate_delay);
}
}
// End -->
</script>