---
title: "Flytta skript till extern fil"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/120572-flytta-skript-till-extern-fil"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "zcorpan"
published: "2005-01-20T01:41:38.000Z"
updated: "2005-01-21T21:21:14.000Z"
replies: 6
views: 557
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/120572-flytta-skript-till-extern-fil"
---

# Flytta skript till extern fil

## #1 — zcorpan, 2005-01-20T01:41Z

Jag har den här kodsnutten: 

```
<input name="sok" type="text" value="Sökord"
  onfocus="if(this.value=='Sökord') this.value='';"
  onblur="if(this.value=='') this.value='Sökord';">
```

Som jag vill ersätta med: 

```
<input name="sok" type="text" value="Sökord">
```

Samt ett extern skript som gör samma sak. Hur?

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

## #2 — Peter S, 2005-01-20T10:29Z

```
window.onload = function(){
    var inp = document.getElementsByTagName("input"),
        len = inp.length;

    while (len--)
        if (inp.item(len).name == "sok"){
            inp.item(len).onfocus = function(){
                if (this.value == "Sökord") this.value = "";
            }

            inp.item(len).onblur = function(){
                if (this.value == "") this.value = "Sökord";
            }

            break;
        }
}
```

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

## #3 — zcorpan, 2005-01-20T11:12Z

Tack! :D

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

## #4 — zcorpan, 2005-01-20T12:26Z

hmm... Jag vill förstås ha denna funktion på fler inputs :i, så det slutade med följande: 

```
window.onload = function(){
	var inp = document.getElementsByTagName("input"),
		len = inp.length;

	while (len--) {
		if (inp.item(len).name == "sok"){
			inp.item(len).onfocus = function(){
				if (this.value == "Sökord") this.value = "";
			}
			
			inp.item(len).onblur = function(){
				if (this.value == "") this.value = "Sökord";
			}
			
		}
		else if (inp.item(len).name == "email"){
			inp.item(len).onfocus = function(){
				if (this.value == "E-mailadress") this.value = "";
			}
			
			inp.item(len).onblur = function(){
				if (this.value == "") this.value = "E-mailadress";
			}
		}
		else if (inp.item(len).name == "user"){
			inp.item(len).onfocus = function(){
				if (this.value == "Användarnamn") this.value = "";
			}
			
			inp.item(len).onblur = function(){
				if (this.value == "") this.value = "Användarnamn";
			}
		}
		else if (inp.item(len).name == "pass"){
			inp.item(len).onfocus = function(){
				if (this.value == "Lösenord") this.value = "";
			}
			
			inp.item(len).onblur = function(){
				if (this.value == "") this.value = "Lösenord";
			}
		}
	}
}
```

Vilket funkar. :h Men då ville jag optimera skriptet... så det blev ungefär: 

```
window.onload = function(){
	var inp = document.getElementsByTagName("input"),
		len = inp.length,
		names = Array("sok","email","user","pass"),
		values = Array("Sökord","E-mailadress","Användarnamn","Lösenord");

	while (len--) {
		for (var i=0; i<names.length; i++) {
			if (inp.item(len).name == names[i]){
				inp.item(len).onfocus = function(){
					if (this.value == values[i]) this.value = "";
				}
				
				inp.item(len).onblur = function(){
					if (this.value == "") this.value = values[i];
				}
			}
		}
	}
}
```

Men det funkar inte... x(  Vad gör jag för fel?   :stud

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

## #5 — Peter S, 2005-01-21T18:35Z

Vi kan göra så här istället:

```
window.onload = function(){
	var inp = document.getElementsByTagName("input"),
		elms = {
			sok: "Sökord",
			email: "E-mailadress",
			user: "Användarnamn",
			pass: "Lösenord"
		};

	for (var p in elms){
		inp[p].onfocus = function(){
			if (this.value == elms[this.name]) this.value = "";
		}
		inp[p].onblur = function(){
			if (this.value == "") this.value = elms[this.name];
		}
	}
}
```

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

## #6 — zcorpan, 2005-01-21T20:11Z

:o

Tack! (igen) :birp 

(Jag måste nog köpa mig en bok om JavaScript eller läsa några guider... ;))

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

## #7 — Peter S, 2005-01-21T21:21Z

:bire 

En bok jag kan rekommendera är David Flanagans [Java&#83;cript: The Definitive Guide, 4th Edition](http://www.oreilly.com/catalog/jscript4/).

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/120572-flytta-skript-till-extern-fil