Byta ut name mot id

Tjena!

Mekar lite med jojoxx onmouseover kod, där han har använt name istället för id på bilderna, vilket inte validerar i xhtml strict.
Jag använder för närvarande http://www.jojoxx.net/jscript/archive/show.asp?id=2 och försökte byta ut document.images mot document.getElementById('images'), men det ville sig inte riktigt, vad är det mer man måste ändra på?

Tack på förhand

Hej!

if (document.getElementById)

istället för

if (document.images)

och

document.getElementById(imgName).src

istället för

document[imgName].src

Det ville sig inte riktigt, såhär ser det ut nu:

<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

if (document.getElementById)
	button_1_on=new Image;
	button_1_on.src="images/circa.gif";
	button_1_off=new Image;
	button_1_off.src="images/circi.gif";

	button_2_on=new Image;
	button_2_on.src="images/circa.gif";
	button_2_off=new Image;
	button_2_off.src="images/circi.gif";
}

function rollIn(imgName)
{
	if (document.getElementById)
		document.getElementById(imgName).src=eval(imgName + "on.src");
	}
}

function rollOut(imgName)
{
	if (document.getElementById)
		document.getElementById(imgName).src=eval(imgName + "off.src");
	}
}
</script>

<a href="sida.html" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')">
<img src="images/circi.gif" border="0" id="button_1_" width="30" height="30"></a>
<a href="sida2.html" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')">
<img src="images/circi.gif" border="0" id="button_2_" width="30" height="30"></a>

Du får ta och byta ut name-attributet på dina bilder till id:

<img src="images/circi.gif" border="0" id="button_1_" width="30" height="30" />

Gjort det i uppdateringen, men det funkar ändå inte.
Pröva och kopiera koden jag har lagt in och testa själv, för mig går det inte.

Du har fel i dina if-satser:

<script type="text/javascript">
/* Detta script finns att hämta på [url]http://www.jojoxx.net[/url] och
   får användas fritt så länge som dessa rader står kvar. */

if (document.getElementById)
{
	button_1_on=new Image;
	button_1_on.src="images/circa.gif";
	button_1_off=new Image;
	button_1_off.src="images/circi.gif";

	button_2_on=new Image;
	button_2_on.src="images/circa.gif";
	button_2_off=new Image;
	button_2_off.src="images/circi.gif";
}

function rollIn(imgName)
{
	if (document.getElementById)
	{
		document.getElementById(imgName).src=eval(imgName + "on.src");
	}
}

function rollOut(imgName)
{
	if (document.getElementById)
	{
		document.getElementById(imgName).src=eval(imgName + "off.src");
	}
}
</script>

<a href="sida.html" onMouseover="rollIn('button_1_')" onMouseout="rollOut('button_1_')">
<img src="images/circi.gif" border="0" id="button_1_" width="30" height="30" /></a>
<a href="sida2.html" onMouseover="rollIn('button_2_')" onMouseout="rollOut('button_2_')">
<img src="images/circi.gif" border="0" id="button_2_" width="30" height="30" /></a>

Ah shit vad klantigt att man missar en { :)
Tack så mycket för hjälpen jawbreaker!

Det är lätt hänt. Vassego! :)