Avatar billede jytte Nybegynder
22. august 2005 - 21:03 Der er 6 kommentarer og
1 løsning

knappen hopper i firefox

Med nedenstående kode "hopper" submit-knappen i firefox når jeg trykker på den. Kan jeg få den til at holde op med det uden at fjerne det der sker i onsubmit ?

<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<Style>
.button
{
    BORDER-RIGHT: 1px dotted;
    BORDER-TOP: 1px dotted;
    MARGIN-TOP: 0px;
    FONT-SIZE: 10pt;
    MARGIN-BOTTOM: 0px;
    MARGIN-LEFT: 0px;
    BORDER-LEFT: 1px dotted;
    CURSOR: hand;
    COLOR: #ffffff;
    BORDER-BOTTOM: 1px dotted;
    FONT-FAMILY: verdana, arial, charcoal, geneva, helvetica;
    BACKGROUND-COLOR: #6f92a8
}
</STYLE>
</HEAD>

<BODY>
<form onsubmit="document.forms[0].submitknap.disabled=true">
<INPUT TYPE="submit" value="tryk" CLASS="BUTTON" name="submitknap">
</form>
sadAD<BR>
SSS
</BODY>
</HTML>
Avatar billede olebole Juniormester
22. august 2005 - 21:22 #1
<ole>

Brug et button-element, der ofte renderer pænere:
    <button type="submit" class="button">tryk</button>

/mvh
</bole>
Avatar billede roenving Novice
22. august 2005 - 23:21 #2
-- og så er det da i hvert fald heller ikke særlig pæn kodestil at skrive noget forskelligt i class-attributten og henvisningen fra selektoren i stylesheetet (BUTTON -- button !-)

-- og det skal da generelt frarådes at finde på identifier-betegnelser, som findes i andre dele af kodningen, heriblandt 'button', selvom jeg ikke kan forestille mig, at det i sig selv kan være en årsag til fejl !o]
Avatar billede jytte Nybegynder
24. august 2005 - 12:03 #3
>olebole
Kan jeg være sikker på at en <button type="submit"> virker på eksakt samme måde som en <input type="submit"> ?
Jeg har nemlig en del javascript-onsubmit kode som helst ikke skal ændre opførsel.

>roenving
din vågne øje overser da heller ikke den mindste detalje -- du har selvfølgelig ret, men det var ikke lige store og små bogstaver og navnesammenfals jeg koncentrede mig om da jeg hurtig skulle indtaste et eksempel :-)
Avatar billede olebole Juniormester
24. august 2005 - 19:16 #4
Ja, du kan være helt rolig ... du kan såmænd også lave en:
    <button type="reset">Reset form</button>

- der virker fuldstændig som en alm. reset-knap. Button-elementer fungerer præcis som input-elementer af typen "submit", "reset" eller "button" - blot renderer de i nogen situationer lidt pænere  :)
Samtidig er det let at adskille button-elementer fra input-elementer i et style-sheet - uden brug af klasse-selektorer:

input {
  /* CSS-regler for inputs */
}
button {
  /* CSS-regler for knapper */
}

... nifty, lille element - den 'button-dimmer', dér  ;o)
Avatar billede jytte Nybegynder
27. august 2005 - 16:05 #5
Så siger jeg tak for hjælpen olebole (og læg et svar)
Avatar billede jytte Nybegynder
28. februar 2006 - 21:01 #6
>olebole
vil du ha' point?
Avatar billede jytte Nybegynder
06. marts 2006 - 15:54 #7
Jeg tager pointene tilbage for at få afsluttet.
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