Avatar billede jss Nybegynder
09. juni 2005 - 15:08 Der er 14 kommentarer og
1 løsning

skjule/vise buttons

Hej experts
Med udgangspunkt i http://eksperten.dk/spm/358779 (nederst) forsøger jeg at få styr på visning/skjulning af nogle elementer (Tilbage, Frem, Submit), men kan ikke få det til at virke. Hvad skal der gøres ved roenvings løsning får at få det til at virke?
Avatar billede roenving Novice
09. juni 2005 - 15:37 #1
Hvad laver du ?-)
Avatar billede roenving Novice
09. juni 2005 - 15:37 #2
... allerede ...
Avatar billede jss Nybegynder
09. juni 2005 - 20:59 #3
jeps - så er jeg her igen :-)

Jeg har lavet en lang formular, som jeg ønsker at dele op i nogle mindre bidder. Hertil har jeg brugt et tidligere spørgsmål (se ovenfor) og det virker stort set perfekt.
Det som driller er at få vist/skjult knapperne på forskellige tidspunkter - på 1. side skjules Tilbage-knap, på sidste side skal Næste-knap skjules, mens Submit-knap gøres synlig. hvordan gøes dette ?
Avatar billede roenving Novice
10. juni 2005 - 00:59 #4
Der hvor næste knappen skjules viser du også submit-knappen:

...
            document.getElementById("buttonBack").visibility="visible";
          if (myGroup==numQs){
              document.getElementById("buttonNext").visibility="hidden";
              document.getElementById("buttonSubmit").visibility="visible";
          }
        }
...

-- og submit knappen skjules også, når du viser next-knappen (hvis du ikke vil have at man kan submitte andet end fra den sidste side, for ovenstående vil kun gøre den synlig, hvis man har været på alle 'sider', så måske skulle det være tilladt at submitte, hvis man er gået baglæns !-)

...
            document.getElementById("buttonNext").visibility="visible";
<!-- Denne linje skal du måske indsætte, og så skal du fjerne denne linje og den tilsvarende bagefter
            document.getElementById("buttonSubmit").visibility="hidden";
-->
          if (myGroup==0)document.getElementById("buttonBack").visibility="hidden";
        }
      }
  }
</script>
Avatar billede jss Nybegynder
10. juni 2005 - 02:12 #5
tak for det, jeg er igang med at kigge på det lige nu.
Avatar billede jss Nybegynder
10. juni 2005 - 02:17 #6
Tilbage-knap og Submit-knap er skjult hele tiden ... ;-(
Her er min kode:

var numQs = 5;//antallet af spm/grupper af spørgsmål
var myGroup = 0;
function switchDiv(action){
    if(action == "next"){
        var checkDiv = 'spm_gruppe_'+(myGroup+1)
    if(document.getElementById(checkDiv)){
        document.getElementById(checkDiv).style.display = "block";
            document.getElementById('spm_gruppe_'+myGroup).style.display = "none";
            myGroup = myGroup + 1;
        document.getElementById("buttonBack").visibility="visible";
          if (myGroup==numQs){
              document.getElementById("buttonNext").visibility="hidden";
              document.getElementById("buttonSubmit").visibility="visible";
              }
              }
          }
  if(action == "back"){
        var checkDiv = 'spm_gruppe_'+(myGroup-1)
    if(document.getElementById(checkDiv)){
        document.getElementById(checkDiv).style.display = "block";
            document.getElementById('spm_gruppe_'+myGroup).style.display = "none";
            myGroup = myGroup - 1;
        document.getElementById("buttonNext").visibility="visible";
        document.getElementById("buttonSubmit").visibility="hidden";
        if (myGroup==0)document.getElementById("buttonBack").visibility="hidden";
    }
  }
}



    <span id="buttonBack" style="visibility:hidden"><input class='tablebotton' type='button' name='back' onClick="switchDiv('back');" value='Tilbage'></span>
    <span id="buttonNext" style="visibility:visible"><input class='tablebotton' type='button' name='next' onClick="switchDiv('next');" value='  Næste  '></span>
    <span id="buttonSubmit" style="visibility:hidden" align='right'><input class='tablebotton' type='submit' name='submit' value='Afslut din besvarelse'></span>
Avatar billede roenving Novice
10. juni 2005 - 02:22 #7
Kan du linke til dit projekt ?-)
Avatar billede jss Nybegynder
10. juni 2005 - 02:23 #8
øjeblik - kører localhost pt
Avatar billede jss Nybegynder
10. juni 2005 - 02:26 #9
Avatar billede jss Nybegynder
10. juni 2005 - 02:51 #10
jeg lukker ned for nu, så jeg kan få lidt søvn - skal op igen om knap 3 timer .........

go´ nat :-)
Avatar billede jss Nybegynder
10. juni 2005 - 06:15 #11
roenving - fandt du ud af hvad der mangler i min kode?
Avatar billede roenving Novice
11. juni 2005 - 10:32 #12
I stedet for .visibility skal det selvfølgelig være .style.visibility !-)
Avatar billede jss Nybegynder
12. juni 2005 - 21:47 #13
SÅDAN - det virker 110% - tusind tak for hjælpen. Smid et svar og point er dine (og jeg må snart få taget mig tid til at lære javascript .....)
Avatar billede roenving Novice
12. juni 2005 - 23:56 #14
Velbekomme '-)
Avatar billede roenving Novice
14. juni 2005 - 13:16 #15
-- og tak for point ;~}
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