At vise/skjule ting dynamisk i en form uden at reloade

Og en tilføjelse: det hele skal foregå, UDEN at siden reloades.

Noget i den her stil??

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

function changeStuff(choice) {

    if (choice == \'other\') {
        document.all[\'dynfield\'].innerHTML = \'<input type=\"text\">\';
    } else if (choice == \'telefon\') {
        document.all[\'dynfield\'].innerHTML = \'Hej hej\';
    } else if (choice == \'email\') {
        document.all[\'dynfield\'].innerHTML = \'Nikolajdu leger med\';
    }
}

//-->
</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=\"other\">OTHER</OPTION>
</SELECT>

<div id=\"dynfield\">&nbsp</div>

</form> 

</body>
</html>

Eller du kan bruge den her, som skifter ud i dropdown boxen... Håber den kan forklare sig selv lidt:


function skiftassing(todo) {
  var punkter = new Array()
  if (todo == \"yes\") {
    punkter[0] = \"new Option(\'Vælg assigngruppe\', \'\', false, false)\";
  }
  else {
    tjek = document.FrontPage_Form1.GLassigned.options[document.FrontPage_Form1.GLassigned.options.selectedIndex].value
    punkter[0] = \"new Option(tjek, tjek, false, false)\";
  }
  switch(document.FrontPage_Form1.GLkunde[document.FrontPage_Form1.GLkunde.selectedIndex].value) {
    case \'AMS\':
      punkter[1] = new Option(\'CSC\',\'CSC\');
    break;
    case \'OSS\':
      punkter[1] = new Option(\'DMD Unix\',\'DMD Unix\');
    break;
    default:
    break;
  }
document.FrontPage_Form1.GLassigned.options.length = 0;
for (var i=0;i<punkter.length; i++) {
  document.FrontPage_Form1.GLassigned.add(eval(punkter[i]));
  }
}

jgp... jeg er for træt/doven til at ændre i kode lige nu... kan du ikke sætte den i fuld kontekst et sted?

avlund: prøv at sætte den kode der ind i dit script. Og onchange=\"skiftassing(\'no\') på den select box du vil have scriptet kaldes fra.

FrontPage_Form1 = den form din selects er i
GLkunde = navnet på selectboxen som scriptet kaldes fra
GLassigned = navnet på den select box du vil ændre

se hvad der sker ;-)

Ellers spørg
JGP

Nåeh!

Jamen det var jo det script jeg beskrev i starten af spørgsmålet... som jeg IKKE skulle bruge, men en afart deraf...

Nikolajdu har derimod fat i noget af det rigtige.

Hmm jammen er det så ikke bare at gå ind og lave id\'erne på de forskellgie elemente Hidden eller visible? Alt efter hvad der er blevet valgt i dropdownboxen?

Jo, også en mulighed. Jeg er bare ikke ferm til Javascript - jeg kan finde ud af ASP, men det andet styrer jeg altså ikke.

Jeg tror faktisk endda det er en bedre idé, da den skal have én af værdierne initialiseret fra start.

Har du noget kode?

function farmand() {
  if (event.srcElement.value == \"den value du vil reagere på\") {
    ditelement.style.visibility = \"visible\";
  }
}

Og så laver du ellers bare en onchange=\"farmand();\"

Den kraver selvfølig at ditelement i css er difineret sådan her:

# ditelement {visibility: hidden;}

Hmm! Jeg kan slet, slet ikke få det til at virke...

<style type=\"text/css\">
<--
#bands {
    visibility: hidden;
}
-->
</style>

<script language=\"JavaScript\" type=\"text/javascript\">
function changer() {
  if (form1.bandgen.value == \'band\') {
    bands.style.visibility = \'visible\';
  } else if (form1.bandgen.value == \'general\') {
      bands.style.visibility = \'hidden\';
}
}
</script>

... den siger at \"bands\" er undefined.

<elementType id=\'bands\' ... >

Nogle (af de browsere, som *næsten* ikke forstår css) kræver at du bruger name=\'\'

Det er *måske* dit problem.

hth
jes

prøv at bruge event.srcElement istedet for form1.bandgen
Og så skal du sørger for du har et element der har en id=\"bands\"

Hvorn går det?

Ja, jeg havde helt svedt det ud... har haft så sindssygt travlt.

Undskyld! Anyway, jeres løsninger er gode på hver jeres måde. Nu skal det hele bare lige pludselig kunne ses i Netscape, men jeg er blevet inspireret, så jeg finder nok ud af det. Jeg takker for begge forslag...

...og deler halv skade.

Min kan kun virke i IE 4 og opefter.

Hvis du ændrer den lidt kan den også virke i Netscape 6.x, men aldrig i 4.x. Tilgengæld vil den så kun virke i IE 5.0 og op med mindre vi laver flere versions tjeck.

Skift

document.all

med

document.getElementById