---
title: "Växla mellan text som ska visas"
type: "forum-thread"
url: "https://www.webforum.nu/amne/javascript/123741-växla-mellan-text-som-ska-visas"
topic: "JavaScript"
topic_url: "https://www.webforum.nu/amne/javascript"
author: "HenrikAI"
published: "2005-03-04T14:57:42.000Z"
updated: "2005-03-04T22:40:47.000Z"
replies: 1
views: 251
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/123741-växla-mellan-text-som-ska-visas"
---

# Växla mellan text som ska visas

## #1 — HenrikAI, 2005-03-04T14:57Z

Skulle vilja att att två olika textstycken ska visas, men bara ett i taget (byte av text som visas sker efter ett visst antal sekunder). Ponera att min HTML-kod ser ut så här:

```php
<span id="text1">Visa detta..</span>
<span id="text2">..eller detta</span>
```

 

Jag har förstått att jag kan använda

```php
document.getElementById("text1").style.display="..."
document.getElementById("text2").style.display="..."
```

För att ändra om elementen ska visas eller ej, men sedan är det stopp! Någon som har ett fungerande exempel?

EDIT:

Hittade det här exemplet som löser problemet ovan.. 
<http://www.liquidpulse.net/code/javascript/dynamic_content/text_swapper>

...men då fick jag ett nytt problem. Antag istället att jag har flera span som heter text1 och text2:

```php
<span class="text1">Visa detta..</span>
<span class="text2">..eller detta</span>
<span class="text1">Det här kan också visas..</span>
<span class="text2">..det här också</span>
```

Hur löser man det då?

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

## #2 — jOOOL, 2005-03-04T22:40Z

om koden ska ligga i nått med namnet textChange typ så här
\<div id="textChange"\>
Första texten
\</div\>

Så kan du använda denna funktionen för att ha fyra olika texter.
Vill du lägga till fler så ser du nog hur det ska gå till:

```
 

<script>
function UpdateText(phase)
{
    switch (phase)
    {
        case 1: document.getElementById('textChange').innerHTML = 'Första texteten'; setTimeout("UpdateText(2)", 3000); break;
        case 2: document.getElementById('textChange').innerHTML = 'Andra texten '; setTimeout("UpdateText(3)", 3000); break;
        case 1: document.getElementById('textChange').innerHTML = 'Tredje texten'; setTimeout("UpdateText(4)", 3000); break;
        case 2: document.getElementById('textChange').innerHTML = 'Fjärde texten '; setTimeout("UpdateText(1)", 3000); break; 
   }        
}
UpdateText(2);
</script>
```

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

---

Tråden på webben: https://www.webforum.nu/amne/javascript/123741-växla-mellan-text-som-ska-visas