Hidden textarea

<input type="Text" name="input1" value="" onfocus="document.getElementById('area1').style.display='inline'"><br>
<textarea id="area1" name="area1" cols="40" rows="4" style="display:none;"></textarea>

Læg mærke til at textarea har fået et ID, da det skal bruges i getElementById()

Okay, det var smart.
Lad os nu sige jeg har 25 felter og textareas, og gerne vil have fjernet alle de andre textfelter når jeg klikker i et nyt felt.

Er jeg så nød til at skrive
"document.getElementById('area1').style.display='none'"
"document.getElementById('area2').style.display='none'"
"document.getElementById('area3').style.display='none'"

osv i hvert inputfelt? Eller kan man lave en funktion der fjerner det textarea der er vist?

-- du kan sagtens lave en funktion, der skjuler alle andre, f.eks. sådan:

<script type="text/javascript">
function showHideAreas(elm){
  var num = elm.name.replace(/^înput(\d+)$/i,"$1"), f = elm.form, ars = 1;
  while(f.elements["area"+ars])
    f.elements["area"+ars++].style.display = "none";
  f.elements["area"+num].style.display = "inline";
}
</script>

-- kaldes med:

<input name="input1" onfocus="showHideAreas(this);">

-- vil skjule alle textareas fra area1 til der ikke er flere og så vise det area, der har samme nummer, som det pågældende inputx !-)

Det lyder smart, men virker ikke helt efter hensigten. :) Jeg gør følgende:
<script type="text/javascript">
function showHideAreas(elm){
  var num = elm.name.replace(/^înput(\d+)$/i,"$1"), f = elm.form, ars = 1;
  while(f.elements["area"+ars])
    f.elements["area"+ars++].style.display = "none";
  f.elements["area"+num].style.display = "inline";
 
}
</script>

<input name="input1" onfocus="showHideAreas(this);">
<input name="input2" onfocus="showHideAreas(this);">
<textarea id="area1" name="area1" cols="40" rows="4" style="display:none;"></textarea>
<textarea id="area2" name="area2" cols="40" rows="4" style="display:none;"></textarea>

Og får denne en "objekt er obligatorisk" fejl i denne linie  while(f.elements["area"+ars]).

Er det en dumme fejl som jeg bare ikke selv kan se?

Følgende virker:
<script type="text/javascript">
function showHideAreas(elm)
{
    var num = elm.name.replace(/^input(\d+)$/i,"$1"), f = elm.form, ars = 1;
    while (f.elements["area"+ars])
        f.elements["area"+ars++].style.display = "none";
    f.elements["area"+num].style.display = "inline";
 
}
</script>

<form action="..." method="post">
<input name="input1" onfocus="showHideAreas(this);">
<input name="input2" onfocus="showHideAreas(this);">
<textarea id="area1" name="area1" cols="40" rows="4" style="display: none;"></textarea>
<textarea id="area2" name="area2" cols="40" rows="4" style="display: none;"></textarea>
</form

Svar gerne!

Du har ikke specificeret hvem af os der skal have point (eller begge). Men hvis jeg skal have nogle af dem, kan du give dem nu.

.o) <-- One Eyed Jack

-- og det er jo så præcis en af den slags 'dumme' fejl, nemlig at et form-elemet skal specificeres eksplicit i html-koden, for at javascript kan finde og bruge det ...

-- men da jeg gik ud fra, at du skulle bruge data til noget serverside, brugte jeg ikke kræfter på at understrege dette (jeg tænkte faktisk på lige præcis det problem !-)

Velbekomme, jeg er gerne med på en deler '-)

Jeg siger mange tak for hjælpen.

-- og jeg takker for point ;~}