Avatar billede foxmulder58 Praktikant
03. november 2005 - 13:07 Der er 19 kommentarer og
1 løsning

Javascript der viser 2 forskellige optioner

Hej Eksperter,

jeg har et JavaScript der gør således at en bruger der afkryder en checkboks så skal der vælges mellem 2 forskellige optionsfelter:

Når brugeren afkrydser i et af felterne skal den vise 1 optionsfelt og når man afkrydser i et andet skal den vise et andet.


Du kan se formularen her:

http://netau.dk.linux14.wannafind.dk//formular_ledelse.htm


Jeg har brugt scriptet:


<-------------------------------------------->


<script type="text/javascript">
if(!(document.forms[0].Eksamenssted.style.display == 'none')) {
if(f.Eksamenssted.value=='')    {
    alert('Du skal vælge en skole på listen!');
    f.Eksamenssted.focus();
    return false;
}
}

  return true;
}
</script>
<script type="text/javascript">
var showSchool = 0;
function checkShow(elm){
  showSchool += (elm.checked)?1:-1;
  document.forms[0].Eksamenssted.style.display = (showSchool>0)?'inline':'none';
  document.forms[0].Mundtlig_eksamen.style.display = (showSchool==0)?'inline':'none';
}
</script>



til optionsfelterne :


<select size=1 name=Eksamenssted style="display:none;">
        <option value="">(Vælg skole på listen)</option>
        <option value="Niels Brock, K&oslash;benhavn">Niels Brock, K&oslash;benhavn</option>
        <option value="Ceus, Nyk&oslash;bing">Ceus, Nyk&oslash;bing F</option>
        <option value="Svendborg Erhvervsskole">Svendborg Erhvervsskole</option>
        <option value="Viborg Handelsskole">Viborg Handelsskole</option>
        <option value="Skanderborg-Odder Handelsskole">Skanderborg-Odder Handelsskole</option>
        <option value="IBC Kolding">IBC Kolding</option>
        <option value="T&oslash;nder Handelsskole">T&oslash;nder Handelsskole</option>
        <option value="EUC - Nordvestsj&aelig;lland">EUC - Nordvestsj&aelig;lland</option>
        <option value="Gr&oslash;nlands Handelsskole">Gr&oslash;nlands Handelsskole</option>
        <option value="Handelsskolen i Ishoej og Taastrup ">Handelsskolen i Ishøj og Taastrup </option>
        <option value="Haderslev Handelsskole">Haderslev Handelsskole</option>
        <option value="Handelsskolen i Ballerup ">Handelsskolen i Ballerup </option>
        <option value="Hilleroed Handelsskole">Hillerød Handelsskole</option>
        <option value="Koege Handelsskole">Køge Handelsskole</option>
        <option value="Københavns Tekniske Skole">Københavns Tekniske Skole</option>
        <option value="Ribe Handelsskole">Ribe Handelsskole</option>
        <option value="Roskilde Handelsskole">Roskilde Handelsskole</option>
        <option value="Kursuscentret Købmandsskolen Aabenraa">Kursuscentret Købmandsskolen Aabenraa</option>
        <option value="Erhvervsakademi Vest, Esbjerg">Erhvervsakademi Vest, Esbjerg</option>
        <option value="EUC-Nord, Hjørring">EUC-Nord, Hjørring</option>
        <option value="TEC Frederiksberg">TEC Frederiksberg</option>
        <option value="Udlandet">Udlandet</option>
      </select>
    <select size=1 name=Mundtlig_eksamen style="display:inline;">
      <option value="Eksamensted fastlægges af sekretariatet">Eksamensted og dato fastlægges af sekretariatet</option>
    </select>


<-------------------------------------------->


Men den viser de rigtige optionsfelt når man afkrydser!??


Er der en der kan hjælpe?
Avatar billede psykochicken Nybegynder
03. november 2005 - 15:01 #1
øh - kom igen ???
Du har en formular, hvor brugeren kan plotte sig ind på nogle uddannelser.
Så har du 2 select´s, hvoraf den ene indeholder en række uddannelsessteder.
Hvad skal der ske, hvornår og hvordan ?

/psc
Avatar billede foxmulder58 Praktikant
03. november 2005 - 20:53 #2
Hej psc,

ja det er lidt svært at forklare men mon ikke du forstår det hvis du ser formularen her:

https://www.netau.dk/tilmelding_ihm.htm


hvis du afmærkere checkboksen i felterne med uddannelserne ændrer valgmulighederne gså i select boksen.
Avatar billede psykochicken Nybegynder
03. november 2005 - 22:33 #3
Så tror jeg 10-øren faldt. Du vil gerne have din side til at virke ligesådan !
Du putter kontrollen på om der er valgt en skole op i din valider()-funktion:

<script type="text/javascript">
function valider(f){
  var e = f.getElementsByTagName("input"),num = 0,i=0;
  while(num<6){
    if(e[i].type == "text"){
      num++;
      if(e[i].value == ""){
        alert("Alle felter med * skal udfyldes.");
        e[i].focus();
        return false;
      }
    }
    i++;
  }
  if(!(document.forms[0].Eksamenssted.style.display == 'none') && (f.Eksamenssted.value==''))  {
    alert('Du skal vælge en skole på listen!');
    f.Eksamenssted.focus();
    return false;
}
  return true;
}
</script>

og så sætter du onclick="checkShow(this);" på dine checkbokse:
<input type="checkbox" name="organisation" value="organisation start januar 06" onclick="checkShow(this);">

jeg håber det var det du mente ?

/psc
Avatar billede foxmulder58 Praktikant
08. november 2005 - 14:03 #4
nej det er ikke helt sådan ! når man vælger bestemte fag som skal tages på en skole skal der kunne vælges en skole på denne liste.

Hvis ikke skal der blot stå "eksamenssted fastsættes af sekretariatet" .

Så jeg ved ikke lige hvordan man gør dette?
Avatar billede foxmulder58 Praktikant
08. november 2005 - 14:05 #5
prøv at se det her:

https://www.netau.dk/tilmelding_ihm.htm

Du klikker på ét bestemt fag og så er der en optinosnfelt (rullepanel) hvor det står "vælg skole på listen" ellers står der "eksamenssted fastsættes afsekretariatet".


mvh
Mads
Avatar billede roenving Novice
08. november 2005 - 14:09 #6
Hrm, dit ssl-certifikat er jo udløbet ...

-- men er det sådan at der til hver uddannelse/fag hører forskellige skoler, eller er det visse fag, der ikke har skoler med dem ?-)

-- det lyder som noget med afhængige selects med den twist, at det skal være et andet element, der vises frem nogen gange !-)
Avatar billede foxmulder58 Praktikant
08. november 2005 - 14:31 #7
nej på 1.dels fag skal der vælges en skole på 2.dels fag skal der blot være en option boks hvor der står "eksamenssted fastsættes af sekretariatet".

Ved du hvordan man gør dette?

mvh
Mads
Avatar billede foxmulder58 Praktikant
08. november 2005 - 14:33 #8
i den "gamle" formular er der et JavaScript der gør dette v.h.a:

<script type="text/javascript">
if(!(document.forms[0].Eksamenssted.style.display == 'none')) {
if(f.Eksamenssted.value=='')    {
    alert('Du skal vælge en skole på listen!');
    f.Eksamenssted.focus();
    return false;
}
}

  return true;
}
</script>
<script type="text/javascript">
var showSchool = 0;
function checkShow(elm){
  showSchool += (elm.checked)?1:-1;
  document.forms[0].Eksamenssted.style.display = (showSchool>0)?'inline':'none';
  document.forms[0].Mundtlig_eksamen.style.display = (showSchool==0)?'inline':'none';
}
</script>


Men jeg kan ikke få dette til at virke på dne nye formular!


mvh
Mads
Avatar billede foxmulder58 Praktikant
08. november 2005 - 14:49 #9
hej Roenving,

så tillod jeg mig lige at sende disse 2 filer til din mail.

håber du kan hjælpe?

mvh
Mads
Avatar billede foxmulder58 Praktikant
08. november 2005 - 15:36 #10
Hej igen Roenving,

Jeg havde glemt den sidste option felt, jeg sender lige den nyeste udgave af den JavaScript validering på din email.

mvh
Mads
Avatar billede foxmulder58 Praktikant
08. november 2005 - 15:39 #11
nej hov det havde jeg ikke alligevel sorry.

Jeg kan se at der er 2 select attributter:

<select size=1 name=Eksamenssted style="display:none;">

og

  <select size=1 name=Mundtlig_eksamen style="display:inline;">



i 1.dels fag som er skriftlige skal den vølge første select boks med skoler, de andre er mundtlige og derfor skal nummer 2 vælges!


mvh
Mads
Avatar billede psykochicken Nybegynder
08. november 2005 - 18:20 #12
>> mads - har du prøvet det jeg foreslog ?
http://myplayhouse.dk/fox.htm
Hvad er det, der ikke virker som du beskriver i 08/11-2005 14:31:22 ?
Avatar billede foxmulder58 Praktikant
08. november 2005 - 20:16 #13
Hej psychochicken >>

Det der ikke virker er at den ikke skifter mellem de 2 forskellige slect bokse.


Når der vælges et fag på 1 .del skal der vises en select boks hvor brugeren skal vælge en skole på listen.

Når der vælges et fag på 2. del skal der blot stå "eksamenssted fastsættes af sekretaritet.
Avatar billede foxmulder58 Praktikant
08. november 2005 - 20:17 #14
hej Psychochicken du har jo lavet den så den virker hurra!!! må jeg få koden?


mvh
Mads
Avatar billede foxmulder58 Praktikant
08. november 2005 - 20:27 #15
jeg har lige nuppet koden fra den side du har lavet til mig!

Jeg håber du smider et svar!

Tusind tak for hjælpen!
Avatar billede foxmulder58 Praktikant
08. november 2005 - 20:48 #16
Psychochicken >> hvordan får man videresendt det der er valgt i select boksene videre til næste side (altså der hvor de sendes videre til mailen) ??


mvh
Mads
Avatar billede psykochicken Nybegynder
09. november 2005 - 00:48 #17
For at vise valg af skole overfører du værdien:
document.forms[0].Eksamenssted.options[document.forms[0].Eksamenssted.selectedIndex].value

for valg af fag på 2.del kan du bare tilføje teksten:
"eksamenssted fastsættes af sekretaritet"


/psc
Avatar billede foxmulder58 Praktikant
10. november 2005 - 09:49 #18
hej Psychochicken >>

Smider du et svar?
Avatar billede psykochicken Nybegynder
10. november 2005 - 18:11 #19
kommer her :o)
Avatar billede psykochicken Nybegynder
11. november 2005 - 17:38 #20
- tak for point :o)
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