---
title: "Skriv ut referens"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/94401-skriv-ut-referens"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "Cactuz"
published: "2004-01-09T17:04:53.000Z"
updated: "2004-01-09T21:26:26.000Z"
replies: 8
views: 518
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/94401-skriv-ut-referens"
---

# Skriv ut referens

## #1 — Cactuz, 2004-01-09T17:04Z

Kan man skriva ut nån slags referens så om man ändrar variabeln så ändras texten automatiskt som skrivits ut?

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

## #2 — Jojoxx, 2004-01-09T17:09Z

Menar du som ett objekt med olika egenskaper?

```
var garage=new Object();
garage['Kalle']='BMW';
garage['Pelle']='Opel';

var namn='Pelle';

alert(namn+' har en '+garage[namn]);
```

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

## #3 — Cactuz, 2004-01-09T17:16Z

Alltså, först skriver jag ut variabeln på sidan, sen ändrar jag variabeln så vill jag att det som skrivits ut på sidan ändras samtidigt automatiskt.

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

## #4 — Jojoxx, 2004-01-09T17:43Z

Umm... Typ:

```
<script type="text/javascript">
var foo="blå";
function dw(str){ document.write(str); }
</script>
...

Idag är himlen <script>dw(foo);</script> och jag känner mig <script>dw(foo);</script>.
```

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

## #5 — dectgap, 2004-01-09T17:59Z

> **Jojoxx skrev:**
>
> Umm... Typ:
>
>
> ```
> <script type="text/javascript">
> var foo="blå";
> function dw(str){ document.write(str); }
> </script>
> ...
> 
> Idag är himlen <script>dw(foo);</script> och jag känner mig <script>dw(foo);</script>.
> ```

Jag är ganska säker på att Cactuz menar så här:

```
<div>
<script type="text/javascript">
var text = "Välkommen";
document.write(text);
</script>
</div>

<script type="text/javascript">
text = "Hejsan";
</script>
```

Först ska "Välkommen" skrivas ut, men eftersom variabeln text ändrar värde ska även "Välkommen" ändras till "Hejsan".

Dock är jag ganska säker på att det inte går att lösa så enkelt, utan man får blanda in idn eller något annat för att identifiera texterna.

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

## #6 — Cactuz, 2004-01-09T18:00Z

Nej...

foo = "fint"

Står på sidan:
fint

Sen ändrar man foo = "fult"

Står på sidan:
fult

edit: Som dectgap menar ;)

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

## #7 — Jojoxx, 2004-01-09T18:43Z

Ja ni menar sååå.... :)

Då funkar som sagt inte document.write() eftersom det bara rakt av skriver ut en bestämt sträng en gång. Så för det första måste det kombineras med DOM. Vi refererar till ett element via dess id (precis som dectgap redan sagt). Men det intressanta är sedan när du ändrar variabeln. Från version 1.5 (tror jag) av javascript finns det med en metod som heter *watch* till *Object*\-objektet. Detta kollar hela tiden när en egenskap ändrar värde vilket man kan nyttja ungefär såhär;

```
<script type="text/javascript">
var foo=new Object();
foo['mystr']='';
foo.watch('mystr',
	function (prop,oldvalue,newvalue) {
		document.getElementById('here').innerHTML=newvalue;
		document.getElementById('there').innerHTML=newvalue;
		return newvalue;
	}) 
window.onload=function(){ foo['mystr']='Hejsan'; }

</script> 

<span id="here"></span> och <span id="there"></span>

<a href="#" onclick="foo['mystr']=prompt('Gimme some text',''); return false;">Ny text</a>
```

Exemplet fungerar bara i Mozilla och webbläsare baserade på denna (alltså inte ex IE).

Skall du göra det IE-kompatibelt får du göra på det gamla sättet;

```
<script type="text/javascript">
function changeit(str){
	document.getElementById('here').innerHTML=str;
	document.getElementById('there').innerHTML=str;
}
</script>

<span id="here">Hejsan</span> och <span id="there">Hejsan</span>

<a href="#" onclick="changeit(prompt('Gimme some text','')); return false;">Ny text</a>
```

Men då "bevakar" du som synes inte variabeln.

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

## #8 — Cactuz, 2004-01-09T20:53Z

Hrm... Problem:

Error: document.getElementById("windows") has no properties

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

## #9 — Jojoxx, 2004-01-09T21:26Z

Elementet (vanligvis \<div\> eller \<span\>) *windows* (id="windows") måste finnas och det bör vara ett dokument som [validerar](http://validator.w3.org) relativt ok.

```
<script type="text/javascript">
window.onload=function(){
	document.getElementById("windows").innerHTML="bla...";
}
</script>
<span id="windows"></span>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/94401-skriv-ut-referens