Resultat 1 till 14 av 14

Undvika flera klick på "Submit"

  1. #1
    Marcins avatar
    Marcin Marcin är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    mar 2006
    Ort
    Luleå
    Inlägg
    384
    Ser gång på gång som som skriver "Klicka endast en gång" vid Submit-knappar. Visst, det är ett helvete ibland när folk klickar flera gånger. Här är ett tips:


    Kod:
    <input type="submit" value="Skicka" onclick="this.value='Skickar! Vänta...';this.disabled=true;return true">

    Är Javascript inaktiverat så kommer onclick inte köras. Så egentligen är det inte fel att ha kvar "Klicka endast en gång" men det minimerar risken ytterligare. Nu måste man vara en av få som inte kör Javascript OCH analfabet för att det ska bli fel. =)

  2. #2
    seattlegrunges avatar
    seattlegrunge seattlegrunge är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    jun 2006
    Ort
    Malmö
    Inlägg
    262
    Det är så få som har javascript inaktiverat. De som har det är oftast medvetna om att de går miste om saker, de som inte är medvetna, de får skylla sig själva.

    Ibland kan man ju nästan vara tvungen att använda javascript för vissa lösningar/förbättringar av upplevelsen/"säkerheten".

  3. #3
    Marcins avatar
    Marcin Marcin är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    mar 2006
    Ort
    Luleå
    Inlägg
    384
    Citat Ursprungligen postat av seattlegrunge
    Det är så få som har javascript inaktiverat. De som har det är oftast medvetna om att de går miste om saker, de som inte är medvetna, de får skylla sig själva.

    .. fast tyvärr är några få tillräckligt för att förstöra. =(

  4. #4
    seattlegrunges avatar
    seattlegrunge seattlegrunge är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    jun 2006
    Ort
    Malmö
    Inlägg
    262
    Jag vet, men oftast är de som sagt medvetna om det... och ibland måste man se mellan fingrarna på dessa, för att få till någon sorts åtgärd, som t ex ditt exempel.

  5. #5
    Marcins avatar
    Marcin Marcin är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    mar 2006
    Ort
    Luleå
    Inlägg
    384
    Offtopic: Har inte grunge dött ut än?

  6. #6
    seattlegrunges avatar
    seattlegrunge seattlegrunge är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    jun 2006
    Ort
    Malmö
    Inlägg
    262
    Citat Ursprungligen postat av Marcin
    Offtopic: Har inte grunge dött ut än?
    Grungen dör ALDRIG!!!
    Så länge jag finns på denna jord så förblir grungen levande

  7. #7
    seattlegrunges avatar
    seattlegrunge seattlegrunge är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    jun 2006
    Ort
    Malmö
    Inlägg
    262
    Kom att tänka på en sak som är lite farligt med ditt förslag Marcin.

    Om man då skriver
    onclick="this.disabled=true;return true"
    på submit-knappen så stoppas även submit-processen efteråt. Detta gäller endast i IE.

  8. #8
    Marcins avatar
    Marcin Marcin är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    mar 2006
    Ort
    Luleå
    Inlägg
    384
    Ojdå, det märkte jag inte. Bra att du skrev det.

  9. #9
    Elviss avatar
    Elvis Elvis är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    feb 2007
    Ort
    Göteborg
    Inlägg
    231
    Nu är jag ingen kodjeppe, men ändra utseende på knappen "platta till den och gör den vit" och gör den oklickbar när man har klickat på den en gång. Kanske går att göra med css? Precis som när utseendet på länkar byter utseende.

    Edit: Lite kortare beskrivet - gör knappen disabled efter klick.
    Senast redigerat av Elvis den 2007-04-18 klockan 21:32.

  10. #10
    Marcins avatar
    Marcin Marcin är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    mar 2006
    Ort
    Luleå
    Inlägg
    384
    Citat Ursprungligen postat av Elvis
    Nu är jag ingen kodjeppe, men ändra utseende på knappen "platta till den och gör den vit" och gör den oklickbar när man har klickat på den en gång. Kanske går att göra med css? Precis som när utseendet på länkar byter utseende.

    Jadå, det går. Det viktigaste i sammanhanget är dock att man inte ska kunna submitta en ytterligare gång bara för att servern tar tid på sig.

    Ändra css kan du göra med t.ex. onclick="this.style.backgroundColor='#ffffff';retu rn true;"

    Notera här att javascript-referensen till CSS kan skilja sig lite och är skiftlägeskänslig ("case-sensitive").

    "background-color" motsvaras av "backgroundColor" i javascript.

  11. #11
    seattlegrunges avatar
    seattlegrunge seattlegrunge är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    jun 2006
    Ort
    Malmö
    Inlägg
    262
    Citat Ursprungligen postat av Elvis
    Nu är jag ingen kodjeppe, men ändra utseende på knappen "platta till den och gör den vit" och gör den oklickbar när man har klickat på den en gång. Kanske går att göra med css? Precis som när utseendet på länkar byter utseende.
    Det hjälper tyvärr inte eftersom du bara ändrar knappens utseende då. Man måste på ett eller annat vis inaktivera knappen genom att sätta dess status till disabled.

    Nu var det längesen jag skrev ett sånt fungerande script, men jag ska spana in mina gamla kodsnuttar från typ år 2000 där jag vet att jag applicerade det på några sajter. Återkommer med kod strax...

  12. #12
    Elviss avatar
    Elvis Elvis är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    feb 2007
    Ort
    Göteborg
    Inlägg
    231
    Men det går väl inte att submitta igen om knappen är oklickbar?

    typ liknande: document.imp_login.loginButton.disabled = true;

    Fast då är det ju det där med Javascript igen då iofs.

  13. #13
    Marcins avatar
    Marcin Marcin är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    mar 2006
    Ort
    Luleå
    Inlägg
    384
    Citat Ursprungligen postat av Elvis
    Men det går väl inte att submitta igen om knappen är oklickbar?

    typ liknande: document.imp_login.loginButton.disabled = true;

    Fast då är det ju det där med Javascript igen då iofs.
    Ja, man blir tvungen att ladda om sidan och submitta igen. Det är det som är poängen för att undvika att folk klickar flera gånger på SUBMIT-bara för att de är otåliga.

  14. #14
    seattlegrunges avatar
    seattlegrunge seattlegrunge är inte uppkopplad Kan SEO rätt bra
    Reg.datum
    jun 2006
    Ort
    Malmö
    Inlägg
    262
    Jag hittade inte mitt gamla script, men jag har för mig att jag skrev nåt i den här stilen... testade det lite snabbt nu och det verkar fungera i alla webbläsare.

    Kod:
    <form method="" action="" onsubmit="minKnapp.disabled = true; return true;">
    <input type="submit" name="minKnapp" value="Klicka på knappen" />
    </form>

Ämnesinformation

Användare som tittar på det här ämnet

Det är för närvarande 1 användare som tittar på det här ämnet. (0 medlemmar och 1 gäster)

Liknande ämnen

  1. En sajt flera språk - hur gå tillväga?
    Av nfinland i forum Övrigt inom SEO
    Svar: 4
    Senaste inlägg: 2006-11-25, 15:52
  2. Svar: 2
    Senaste inlägg: 2006-03-30, 18:03