---
title: "Byta ut name mot id"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/130752-byta-ut-name-mot-id"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Steady"
published: "2005-06-29T13:05:46.000Z"
updated: "2005-06-29T14:05:57.000Z"
replies: 7
views: 411
page: 1
pages: 1
language: "sv-SE"
site: "webForum — webforum.nu"
rights: "Upphovsrätten till varje inlägg tillhör dess författare."
attribution: "Citera som: webForum, https://www.webforum.nu/amne/javascript/130752-byta-ut-name-mot-id"
---

# Byta ut name mot id

## #1 — Steady, 2005-06-29T13:05Z

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

Permalänk: https://www.webforum.nu/p/130752

## #2 — jawbreaker, 2005-06-29T13:17Z

Hej!

```
if (document.getElementById)
```

 istället för 

```
if (document.images)
```

 och 

```
document.getElementById(imgName).src
```

 istället för 

```
document[imgName].src
```

Permalänk: https://www.webforum.nu/p/1638190

## #3 — Steady, 2005-06-29T13:24Z

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>
```

Permalänk: https://www.webforum.nu/p/1638194

## #4 — jawbreaker, 2005-06-29T13:55Z

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" />
```

Permalänk: https://www.webforum.nu/p/1638201

## #5 — Steady, 2005-06-29T14:03Z

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.

Permalänk: https://www.webforum.nu/p/1638203

## #6 — jawbreaker, 2005-06-29T14:03Z

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>
```

Permalänk: https://www.webforum.nu/p/1638205

## #7 — Steady, 2005-06-29T14:05Z

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

Permalänk: https://www.webforum.nu/p/1638206

## #8 — jawbreaker, 2005-06-29T14:05Z

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

Permalänk: https://www.webforum.nu/p/1638208

---

Tråden på webben: https://www.webforum.nu/amne/javascript/130752-byta-ut-name-mot-id