---
title: "byta text"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/104026-byta-text"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "dude"
published: "2004-05-21T12:43:59.000Z"
updated: "2004-06-03T21:08:24.000Z"
replies: 8
views: 328
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/104026-byta-text"
---

# byta text

## #1 — dude, 2004-05-21T12:43Z

hej!
Jag håller på att bygga om <http://www.vangafastighetobygg.se/index2.html> och vill att när man för musen över medarbetarna på den stora bilden att lite fler text-fält än endast Namn: ska ändras. 
Hur går man till väga för att göra detta?

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

## #2 — dude, 2004-05-22T17:42Z

ingen??? :(

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

## #3 — Peter S, 2004-05-22T17:46Z

Vad för attribut - utöver namn - är det du vill visa för varje person?

 :)

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

## #4 — dude, 2004-05-22T22:09Z

På <http://www.rollinsnow.com/vangafastighet/frameindex.htm> ser du början på nya sidan. Det är "visitkortet" under lagbilden som texten ska ändras på, alltså deras namn, yrkesuppgift, epost och telefonnummer när man drar över de olika personerna.

Fattar du!?!

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

## #5 — Peter S, 2004-05-23T14:16Z

Jag tror det ;)  Annars kanske du kan modifiera koden efter eget önskemål?

Ta bort *onload*attributet från body-taggen.

JavaScript-kod:

```
function Person(name, prof, email, phone) {
    this.name  = name;
    this.prof  = prof;
    this.email = email;
    this.phone = phone;
    this.describe = function() {
	if (typeof document.getElementById == "undefined") return;

	Person.name.innerHTML  = this.name;
	Person.prof.innerHTML  = this.prof;
	Person.email.innerHTML = this.email;
	Person.phone.innerHTML = this.phone;
    }
}

Person.reset = function() {
    Person.name.innerHTML  = '&nb&#115;p;';
    Person.prof.innerHTML  = '&nb&#115;p;';
    Person.email.innerHTML = '&nb&#115;p;';
    Person.phone.innerHTML = '&nb&#115;p;';
}

var roger = new Person("Roger", "Yrkesuppgift 1", "roger@vangafastighetobygg.se", "044-000 01");
var annsofie = new Person("Annsofie", "Yrkesuppgift 2", "annsofie@vangafastighetobygg.se", "044-000 02");
var magnus = new Person("Magnus", "Yrkesuppgift 3", "magnus@vangafastighetobygg.se", "044-000 03");
var bert = new Person("Bert", "Yrkesuppgift 4", "bert@vangafastighetobygg.se", "044-000 04");
var kenneth = new Person("Kenneth", "Yrkesuppgift 5", "kenneth@vangafastighetobygg.se", "044-000 05");
var ingrid = new Person("Ingrid", "Yrkesuppgift 6", "ingrid@vangafastighetobygg.se", "044-000 06");
var bjorn = new Person("Björn", "Yrkesuppgift 7", "bjorn@vangafastighetobygg.se", "044-000 07");

window.onload = function() {
    preloadImages();

    if (typeof document.getElementById == "undefined") return;

    Person.name  = document.getElementById("name");
    Person.prof  = document.getElementById("prof");
    Person.email = document.getElementById("email");
    Person.phone = document.getElementById("phone");
}
```

"Visitkortet":

```
<table width="250" border="1" align="center" cellpadding="5" cellspacing="0" bordercolor="#006600">
  <tbody><tr> 
    <td width="250" align="center" style="font-family:verdana, arial, helvetica, sans-serif">
	<div id="name" style="font-size:16px; font-weight:bold; color:#006600">&nb&#115;p;</div>
	<div id="prof" style="font-size:14px; color:#006600">&nb&#115;p;</div>
	<div><img src="text_data/visitlinje.gif" width="250" height="1"></div>
	<div id="email" style="font-size:10px; text-align:left; white-space:nowrap; margin-top:20px">&nb&#115;p;</div>
	<div id="phone" style="font-size:10px; text-align:left; white-space:nowrap">&nb&#115;p;</div>
    </td>
  </tr></tbody>
</table>
```

 :)

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

## #6 — dude, 2004-05-23T19:01Z

Tack så mycket!
Det ser kalasbra ut, jag hinner inte kolla igenom det förräns imorgon, men det ska nog fungera!

Tack tack!

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

## #7 — dude, 2004-05-29T08:34Z

Hej hej!
Har inte hunnit kolla på scriptet förräns idag, men inser att jag inte vet hur jag ska koppla onmouse-funktionen till scriptet. Alltså, vad ska jag skriva på de olika länkarna för att scriptet ska sättas igång?

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

## #8 — dude, 2004-06-03T19:54Z

ingen?

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

## #9 — Peter S, 2004-06-03T21:08Z

Självklart glömde jag den delen av koden, sorry :r 

Jag bifogar filen i sin helhet.

 :)

Bilagor:

- [dude.txt](https://www.webforum.nu/a/3687.txt)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/104026-byta-text