Textarea med "faner"

Eksempel med to textareas:

<a href="javascript:swap(1);">felt1</a> <a href="javascript:swap(2);">felt2</a> <a href="javascript:swap(4);">felt3</a>

<form>
<div id="ta1"><textarea>1</textarea></div>
<div id="ta2" style="display: none;"><textarea>2</textarea></div>
<div id="ta3" style="display: none;"><textarea>3</textarea></div>
<input type="submit">
</form>

Her er det tilhørende JavaScript:

var active=null;

function swap(id)
{
   if (active != null) document.getElementById('ta'+active).style.display='none';
   document.getElementById('ta'+id).style.display='block';
   active = id;
}

Jeg har ikke testet det.

--
Ronni Egeriis

[Redigeret d. 25/03-05 19:35:57 af Ronni Egeriis]

Du kan putte n textareas i en form og så lave et javascript der laver fane blade over dem, og dermed kun viser 1 textarea men tilgengæld n faner. Men der ikke et standard element, og tror aldrig jeg har set det men kan godt laves skulle jeg men .
-----------------------------------------------------------------------------

Min side ->www.the-hive.dk/~donp/

Du kan putte n textareas i en form og så lave et javascript der laver fane blade over dem, og dermed kun viser 1 textarea men tilgengæld n faner. Men der ikke et standard element, og tror aldrig jeg har set det men kan godt laves skulle jeg men .
-----------------------------------------------------------------------------

Min side ->www.the-hive.dk/~donp/

Hmm. Det var også min tanke, men jeg er ikke den store HAJ til javascript. Men såfremt der ikke er nogle der kender til det, er der jo ikke andet for end at komme i gang!!

MVH
Groyk.dk
Simon Madsen

Eksempel med to textareas:

Kode 

<a href="javascript:swap(1);">felt1</a> <a href="javascript:swap(2);">felt2</a> <a href="javascript:swap(4);">felt3</a>

<form>
<div id="ta1"><textarea>1</textarea></div>
<div id="ta2" style="display: none;"><textarea>2</textarea></div>
<div id="ta3" style="display: none;"><textarea>3</textarea></div>
<input type="submit">
</form>

Her er det tilhørende JavaScript:

Kode 

var active=null;

function swap(id)
{
   if (active != null) document.getElementById('ta'+active).style.display='none';
   document.getElementById('ta'+id).style.display='block';
   active = id;
}

Jeg har ikke testet det.

--
Ronni Egeriis

[Redigeret d. 25/03-05 19:35:57 af Ronni Egeriis]

active skal lige sættes til 1 ellers fjerner den den starter ved ikke

Hilsen Mathias

Nå ja, det er sandt, så kan det gøres så simpelt:

var active=1;

function swap(id)
{
   document.getElementById('ta'+active).style.display='none';
   document.getElementById('ta'+id).style.display='block';
   active = id;
}

--
Ronni Egeriis