---
title: "Olika text utan att ladda hela sidan"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/83707-olika-text-utan-att-ladda-hela-sidan"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "kbking"
published: "2003-08-07T11:25:38.000Z"
updated: "2003-12-28T12:31:53.000Z"
replies: 16
views: 388
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/83707-olika-text-utan-att-ladda-hela-sidan"
---

# Olika text utan att ladda hela sidan

## #1 — kbking, 2003-08-07T11:25Z

Hej,

Jag har tre kolumner i en tabell. I den högra skall jag ha ett antal länkar under varandra, som var och en skall visa olika lite större textavsnitt i den vänstra kolumnen. 

Jag vill alltså att endast texten skall bytas ut i den vänstra kolumnen -  inte byta ut hela sidan. 

Någon som har tid att visa hur jag gör detta?

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

## #2 — Jojoxx, 2003-08-07T13:10Z

```
<table style="border:solid black 1px;">
<tr><td id="here" style="width:300px;"></td>
<td style="vertical-align:top;">
	<a href="#" onClick="document.getElementById('here').innerHTML='En lång<br>lång<br>text...'; return false;">En länk.</a><br/>
	<a href="#" onClick="document.getElementById('here').innerHTML='Lite annan<br>text...'; return false;">En annan länk.</a><br/>
</td></tr>
</table>
```

Givetvis kan du ha längre texter och även spara den i variabler eller arrayer för att få det mer lättöverskådligt.

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

## #3 — kbking, 2003-08-07T13:33Z

Tack!

Det ser väldigt nimmt och bra ut!
Kommer att prova det när jag kommer hem ikväll.

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

## #4 — kbking, 2003-08-07T19:42Z

Det  ser bra ut och framförallt det fungerar bra! :)

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

## #5 — Jojoxx, 2003-08-07T20:06Z

Så bra :)

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

## #6 — kbking, 2003-08-11T13:29Z

Jag skulle bl. a. vilja ändra storleken på texten i den vänstra 
kolumnen. Hur gör jag det?

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

## #7 — dectgap, 2003-08-11T13:36Z

```
<table style="border:solid black 1px;">
<tr><td id="here" style="width:300px; font-size: 10px;"></td>
<td style="vertical-align:top;">
	<a href="#" onClick="document.getElementById('here').innerHTML='En lång<br>lång<br>text...'; return false;">En länk.</a><br/>
	<a href="#" onClick="document.getElementById('here').innerHTML='Lite annan<br>text...'; return false;">En annan länk.</a><br/>
</td></tr>
</table>
```

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

## #8 — kbking, 2003-08-11T13:41Z

Tack, hyggligt!

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

## #9 — kbking, 2003-10-11T14:41Z

Hej!

Nu ser jag att jag behöver ha länkar här och där i texterna liksom någon bild. Hur gör jag enklast då?

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

## #10 — dectgap, 2003-10-11T15:05Z

Då lägger du bara in HTML-koden för länkarna/bilderna genom innerHTML:

```
<table style="border:solid black 1px;">
<tr><td id="here" style="width:300px; font-size: 10px;"></td>
<td style="vertical-align:top;">
	<a href="#" onClick="document.getElementById('here').innerHTML='En <a href=\'#\'>länk</a>'; return false;">Visa en länk.</a><br/>
	<a href="#" onClick="document.getElementById('here').innerHTML='<img src=\'img1.png\' />'; return false;">Visa en bild.</a><br/>
</td></tr>
</table>
```

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

## #11 — kbking, 2003-10-11T15:22Z

Då ska jag göra så.

Tack :)

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

## #12 — kbking, 2003-12-27T18:35Z

Hej,

Annat kom emellan så först nu försökte jag mig på att göra länkarna, men får det inte att fungera. Är dectaps lösning bara att kopiera och klistra in? Har gjort det, men icke...

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

## #13 — SPiN, 2003-12-27T18:45Z

dectgap använder ' runt värdena, du måste escape:a dom:

```
...onClick="document.getElementById('here').innerHTML='En <a href=\'#\'>länk</a>'; return false;"...
```

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

## #14 — kbking, 2003-12-27T18:54Z

Så var det ja. Tack! :)

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

## #15 — kbking, 2003-12-28T10:55Z

Hej,

Ytterligare två frågor :)

I/

Vanlig "mailto" fungerar med escape-tecken (fick placera dom ett steg åt höger för att de skulle synas här).

```
<a href='\mailto:kbking@yahoo.se'\</a>DOMAIN.COM</a>'
```

 För enhetlighetens skull skulle jag nu hellre vilja ha det likadant som på övriga sidor, nämligen använda ett eget mailformulär. Koden som jag har i body ser ut så här: 

```
<a href="http://domain.com/html/email/emailgen.html" onclick="NewWindow(this.href,'email','484','403','no','center');return false" onfocus="this.blur()"><img src="../../../../assets/gifs/mail.gif" width="23" height="23" border="0"></a>
```

 Hur gör jag för att använda denna kod istället?

II/

Eftersom texterna förmodligen kommer att svälla framledes, undrar jag om de går att exv lägga i textfiler (.txt) i stället? Eller på ngt annat smidigt sätt. Exemplifiera gärna!

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

## #16 — Jojoxx, 2003-12-28T11:14Z

.js-filer funkar bra;

mystrings.js:

```
var str=new Object();
str['en sträng']="<a href=\"http://domain.com/html/email/emailgen.html\" onclick=\"NewWindow(this.href,'email','484','403','no','center');return false\" onfocus=\"this.blur()\"><img src=\"../../../../assets/gifs/mail.gif\" width=\"23\" height=\"23\" border=\"0\"></a>";
str['en annan sträng']="...";
str['mer och mer']="...";
```

Inkluderas till sidan med:

```
<script type="text/javascript" src="mystrings.js"></script>
```

Och sedan använder du:

```
...onClick="document.getElementById('here').innerHTML=str['en sträng']; return false;"...
```

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

## #17 — kbking, 2003-12-28T12:31Z

Mitt i prick! 

Det betyder en God fortsättning för mig! 

Jag passar på att önska dig Jojoxx och övriga medlemmar detsamma! :)

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/83707-olika-text-utan-att-ladda-hela-sidan