Avatar billede jems Nybegynder
20. marts 2001 - 12:20 Der er 16 kommentarer og
1 løsning

Vis og skjul textarea med dropdown

Hejsa
Jeg skal bruge et script der kan skjule et textarea når man vælger et punkt i dropdown menuen, og vise det igen når der vælges et andet.
Det er i tables, måske kan man bruge <div>??
Er det ikke nok information, så sig lige til.
Tak for hjælpen :)
Avatar billede tunoxw Nybegynder
20. marts 2001 - 12:46 #1
Avatar billede nikolajdu Nybegynder
20. marts 2001 - 12:50 #2
Det her viser og skjuler 3 forskellige fields. Afhængigt af hvad der vælges i drop down boxen.


<html>
<head>
    <title>Untitled</title>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--

function changeStuff(choice) {

    if (choice == \'email\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Email: <input type=\"Text\" name=\"Email\">\';
    } else if (choice == \'telefon\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Telefon: <input type=\"Text\" name=\"Tlf\">\';
    } else if (choice == \'fax\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Fax: <input type=\"Text\" name=\"Fax\">\';
    }
}

//-->
</SCRIPT>   
   
</head>

<body>
<form>
<SELECT onChange=\"changeStuff(this.options[this.selectedIndex].value);\">
    <option>
  <OPTION VALUE=\"email\">E-mail</OPTION>
  <OPTION VALUE=\"telefon\">Telefon</OPTION>
  <OPTION VALUE=\"fax\">Fax</OPTION>
</SELECT>
<div id=\"dynfield\"></div>

<br>
<input type=\"submit\" value=\"3232\">

</form> 

</body>
</html>
Avatar billede nikolajdu Nybegynder
20. marts 2001 - 12:51 #3
Ups. glemte det ikke var Crossbrowser. kig her for mere om det. http://www.eksperten.dk/spm/56485
Avatar billede jems Nybegynder
20. marts 2001 - 13:28 #4
Det kunne være fedt hvis jeg kunne skifte mellem forskellige rækker i tabellen.

<tr>
  <td valign=\"top\">Tekst</td>
  <td valign=\"top\">
  <textarea name=\"Svar\" wrap=\"VIRTUAL\" rows=\"4\"></textarea></td>
</tr>

<tr>
  <td valign=\"top\">Anden tekst</td>
  <td valign=\"top\">
  <textarea name=\"blab\" wrap=\"VIRTUAL\" rows=\"4\"></textarea></td>
</tr>

Så kunne jeg fx have to eller flere forskellige rækker jeg kunne vælge i mellem.
Avatar billede jems Nybegynder
20. marts 2001 - 13:46 #5
- det behøver kun at virke i IE...
Avatar billede nikolajdu Nybegynder
20. marts 2001 - 16:29 #6
Sorr for ventetiden, men nu skulle den være der.

<html>
<head>
    <title>Untitled</title>
<SCRIPT LANGUAGE=\"JavaScript\" TYPE=\"text/javascript\">
<!--

function changeStuff(choice) {

    if (choice == \'email\') {
        document.all[\'dynfield\'].innerHTML = \'<tr><td valign=\"top\">Tekst</td><td valign=\"top\"><textarea name=\"Svar\" wrap=\"VIRTUAL\" rows=\"4\"></textarea></td></tr>\';
    } else if (choice == \'telefon\') {
        document.all[\'dynfield\'].innerHTML = \'<tr><td valign=\"top\">Anden tekst</td><td valign=\"top\"><textarea name=\"blab\" wrap=\"VIRTUAL\" rows=\"4\"></textarea></td></tr>\';
    } else if (choice == \'fax\') {
        document.all[\'dynfield\'].innerHTML = \'<br>Fax: <input type=\"Text\" name=\"Fax\">\';
    }
}

//-->
</SCRIPT>   
   
</head>

<body>
<form>
<SELECT onChange=\"changeStuff(this.options[this.selectedIndex].value);\">
    <option>
  <OPTION VALUE=\"email\">E-mail</OPTION>
  <OPTION VALUE=\"telefon\">Telefon</OPTION>
  <OPTION VALUE=\"fax\">Fax</OPTION>
</SELECT>
<table border=1>

<tr><td>
<div id=\"dynfield\">
Her skifter vi tekst.
</div>
</td></tr>

</table>
<br>
<input type=\"submit\" value=\"3232\">

</form> 

</body>
</html>
Avatar billede olebole Juniormester
20. marts 2001 - 18:54 #7
<ole>

<table>
<tr>
    <td id=\"minCelle\">noget tekst</td>
</tr>
</table>

Kan du skrive direkte ind i med:

document.all.minCelle.innerText = \"noget andet tekst\";

...men det virker kun i IE5+ og NS6+  :)
/mvh
</bole>
Avatar billede jems Nybegynder
20. marts 2001 - 23:08 #8
nikolajdu >> Du er meget tæt på, men jeg kan ikke få den til at lave to koloner i i rækken :(
Avatar billede olebole Juniormester
21. marts 2001 - 00:16 #9
Tjaaahhh...hvis du ikke VIL skrive direkte i en tabel, såeeeeee.....  :)
Avatar billede nikolajdu Nybegynder
21. marts 2001 - 00:21 #10
Jeg kan slet ikke overskue noget lige nu. Tror jeg er lidt for træt. Det må blive i morgen hvis ikke Ole eller natteravnen Jakoba kigger forbi.

Ole, jeg troede ikke document.all virkede i Netscape 6.0 - trode man SKULLE bruge getElementById? Det andet er måske mere sexy. ;)
Avatar billede olebole Juniormester
21. marts 2001 - 00:45 #11
Hehe...jeg var også lidt træt :)
Selvfølgelig hedder det i NS6.X og IE5.X:
  document.getElementById(\"minCelle\").innerText = \"noget andet tekst\";
...og i IE4.X og IE5.X:
  document.all.minCelle.innerText = \"noget andet tekst\";

Både IE5 og NS6 understøtter \'document.getElementById\', men selvfølgelig er det da IE4 og IE5, der understøtter \'document.all\'!...Sorry :)
At bruge \'document.all\' i NS6 er ikke spor \'sexy\'....nærmere \'kinky\'!  *ROTFL*
/mvh 
Avatar billede nikolajdu Nybegynder
21. marts 2001 - 08:53 #12
he he.
Avatar billede jems Nybegynder
21. marts 2001 - 10:24 #13
Tusind tak for hjælpen :)
Jeg brugte nikolajdus kode, men skiftede [\'dynfield\'] ud med mine celle-id\'er, så nu virker det bare som det skal!!
Tak!
Avatar billede jems Nybegynder
21. marts 2001 - 10:42 #14
hmm, jeg var lidt for hurtig...
Den kode I har givet mig bruger jeg til at oprette spørgsmålstyper (checkboxe, radioboxe osv) til et spørgeskema, men når jeg nu skal redigere spørgsmålet, kan jeg så få vist de celler der passer til den type spørgsmal jeg skal rette?
Hvis I kan svare opretter jeg et spørgsmål med 100 ponit :)
Jens
Avatar billede olebole Juniormester
21. marts 2001 - 10:53 #15
Hmmmm....det kommer lidt an på, hvordan proceduren er for at redigere spørgsmålene. Prøv at beskrive, hvordan du \'kommer hen\' til at skulle rette...gør jeg mig forståelig? :)
Går du iøvrigt selv på Digital Media?
/mvh
Avatar billede jems Nybegynder
21. marts 2001 - 11:15 #16
Prøv at kigge på http://www.kollegiet.lyngbyes.dk/jens/basset
Jeg har lagt en kopi af systemet der.
navn: Jens
password: lutzhoft
Tryk på \"Velkommen til...\" eller opret nyt spørgeskema...

I menuen til venstre kan du oprette et spørgsmål, det virker det fint.
Man redigere spørgsmålet ved at klikke på det til højre i billedet.
Det er vist nemmere at du ser det uden at jeg forklarer :)
Jeg læser datamatiker...
Jens
Avatar billede jems Nybegynder
23. marts 2001 - 14:13 #17
Hvor blev du af olebole?
Avatar billede Ny bruger Nybegynder

Din løsning...

Tilladte BB-code-tags: [b]fed[/b] [i]kursiv[/i] [u]understreget[/u] Web- og emailadresser omdannes automatisk til links. Der sættes "nofollow" på alle links.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

Log ind eller opret profil

Hov!

For at kunne deltage på Computerworld Eksperten skal du være logget ind.

Det er heldigvis nemt at oprette en bruger: Det tager to minutter og du kan vælge at bruge enten e-mail, Facebook eller Google som login.

Du kan også logge ind via nedenstående tjenester