Avatar billede dytti Novice
16. oktober 2009 - 09:23 Der er 11 kommentarer og
1 løsning

nedtone inputforms

Findes der en metode hvorpå, man kan nedtone eller på anden måde markere udfyldte formbokse?

Jeg er ved at lave en side,( http://www.dytti.dk/fiskelog/step2_2.php ) som kræver meget input, og nogle af de fremtidige brugere, har spurgt:

Kan det på en eller anden måde, lade sig gøre at markere felterne efterhånden som man udfylder dem?

Det skulle gøre det nemmere at se om der er felter man mangler at udfylde.

Jeg kan ikke se hvordan det skulle kunne lade sig gøre, uden at siden skal opdatere/reloade hver gang, og det vil jeg helst ikke.

Nogen forslag?
Avatar billede nissen2630 Novice
16. oktober 2009 - 09:38 #1
Er absolut ikke stiv i javascript.

Men ved at du kan ændre styles med getelementbyid()

Så kunne du jo ændre baggrunden og tekstfarven
Avatar billede jakobdo Ekspert
16. oktober 2009 - 09:46 #2
Tænker du på noget ala: http://dk.php.net/time
Hvor du kan trykke på - og + ved hver sektion.
Avatar billede majbom Novice
16. oktober 2009 - 11:33 #3
<select onblur="mark_field(this)" name="fisk">
  <option value="">vælg noget i listen</option>
  <option value="1">valg 1</option>
  <option value="2">valg 2</option>
  <option value="3">valg 3</option>
</select>

<script type="text/javascript">
  function mark_fields(field){
      if(field.value!=""){
        field.style.bordercolor = "green";
      }else{
        field.style.bordercolor = "red";
      }
  }
</script>

sætter farven på rammen til grøn, hvis der er valgt/står noget i feltet og rød, hvis der ikke står/er valgt noget når man forlader det.
Avatar billede dytti Novice
16. oktober 2009 - 11:48 #4
splazz-> det funker ikke :-(
Jeg får en ganske almindelig form som ikke ændre sig. (bruger  IE8?)
Men det er præcis det jeg gerne vil opnå.
Avatar billede majbom Novice
16. oktober 2009 - 13:36 #5
nej jeg har osse lavet et par fejl kan jeg se...

prøv med:

<select onblur="mark_field(this)" name="fisk">
  <option value="">vælg noget i listen</option>
  <option value="1">valg 1</option>
  <option value="2">valg 2</option>
  <option value="3">valg 3</option>
</select>

<script type="text/javascript">
  function mark_field(field){
      if(field.value!=""){
        field.style.borderColor = "green";
      }else{
        field.style.borderColor = "red";
      }
  }
</script>
Avatar billede majbom Novice
16. oktober 2009 - 13:36 #6
du kan evt se det her:

http://majbom.com/testarea/exp/889658/

der ar jeg så bare valgt backgroundColor i stedet for borderColor
Avatar billede dytti Novice
16. oktober 2009 - 14:11 #7
Det er lige i øjet ;-)

Smider du et svar, så takker jeg for hurtig hjælp.
Avatar billede danielss Nybegynder
19. oktober 2009 - 15:56 #8
en endnu bedre metode ville være onchange() i stedet for onblur()
Avatar billede majbom Novice
20. oktober 2009 - 15:19 #9
-> #8 - det er vel en smagssag :)

-> #7 - kommer her :)
Avatar billede danielss Nybegynder
20. oktober 2009 - 15:40 #10
Jeg vil ikke sige at onblur() er helt optimalt. Når man vælger en ting i en dropdown, vil man gerne se med det samme om det er korrekt valgt med det samme, og ikke først når man vælger det næste felt.
Avatar billede majbom Novice
20. oktober 2009 - 20:52 #11
som jeg forstår spørgsmålet, skal det være en indikation for om man mangler nogle felter når man er færdig og så kan det jo være lige meget om det er onblur eller change - måske burde alle felter være røde til at starte med som en ekstra detalje
Avatar billede majbom Novice
02. oktober 2010 - 19:52 #12
tfp :)
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