Notifikationer

Markér alle som læst Log ud

jammerlab Nybegynder

26. juni 2004 - 21:04 Der er 9 kommentarer og
1 løsning

Submit knap

Hvordan ændre jeg udseendet på mine submit knapper... er kommet så langt at jeg har fjernet de borders osv jeg ikke ønsker med:

<input type='submit' style='width: 0; height: 0'><input type='submit' class=form value='Gem' onfocus='this.blur()'>

men hvad hvis jeg ikke ønsker en firkantet form? Kan jeg ændre det med et billede og stadig få "tryk på knap" effekten?

Synes godt om

terrak Nybegynder

26. juni 2004 - 21:13 #1

http://www.eksperten.dk/spm/60953

<input type='image' class='form' onfocus='this.blur()' src='ditbillede.jpg'>

..og hvad er formålet med onfocus='this.blur()' ?

Synes godt om

jammerlab Nybegynder

26. juni 2004 - 21:22 #2

kan ikke bruge src='gfx/submit.gif' ... den ændre ikke billede...
onfocus='this.blur()' fik jeg fortalt tidligere at smide på det var vidst så jeg ungik den sorte kant omkring knappen hvis man klikkede inden for form feltet.

Synes godt om

terrak Nybegynder

26. juni 2004 - 21:27 #3

Hvis du kiggede lidt efter på koden jeg smed, så ændrede jeg type fra 'submit' til 'image' ;)

Synes godt om

jammerlab Nybegynder

26. juni 2004 - 21:32 #4

Ja jeg kan se det nu... men den giver stadig ikke selve effekten af at man klikke på knappen :)

Synes godt om

terrak Nybegynder

26. juni 2004 - 21:40 #5

Effekten af at man klikker på knappen? Du hentyder vel til 'submit' effekten?

Det virker nemlig fint hos mig: http://80.197.104.52/submitknap.html

Synes godt om

jammerlab Nybegynder

26. juni 2004 - 21:45 #6

Det som sker hvis du holder musen nede på en normal submit knap :) Det er den knap effekt jeg snakker om ... jeg har fået den til at smide mit eget billede på.

Synes godt om

terrak Nybegynder

26. juni 2004 - 21:52 #7

Det tror jeg ikke du kan, hvis du altså mener dybde-funktionen.

Du kan dog gøre det ved at lave 2 billeder, og lader den skifte "onmousedown", tilbage igen "onmouseup"..

Synes godt om

jammerlab Nybegynder

26. juni 2004 - 21:53 #8

Fint, tak for hjælpen.

Synes godt om

roenving Novice

26. juni 2004 - 21:55 #9

css understøtter præcis active:

a:hover{background-image:mus-over.gif}
a:active{background-image:mus-ned.gif}

Synes godt om

roenving Novice

26. juni 2004 - 21:56 #10

Undskyld, der skal url på:

a:hover{background-image:url(mus-over.gif);}
a:active{background-image:url(mus-ned.gif);}

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

Webudvikling kurser

Vi tilbyder markedets bedste kurser inden for webudvikling

Se alle Webudvikling kurser

Flere spørgsmål fra HTML kategorien

Titel	Indlæg	Oprettet	Seneste aktivitet
Hjælp med HTML og CSS Af Nojsa i HTML	18	10/09/202515:07	17/09/202515:11
CSS 2 x firkanter + tekst på samme linje Af nemlig i HTML	3	19/03/202522:16	20/03/202513:04
Se og ændre html på en webside Af magger i HTML	4	11/03/202513:55	12/03/202506:56
Få input felt, der er med fed skrift og formatteres på linje Af KurtG i HTML	5	02/03/202520:05	04/03/202515:40
Variabler som ikke virker Af Frits Jensen i HTML	3	30/10/202409:37	01/01/202515:27

Se alle spørgsmål i kategorien Opret spørgsmål

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

Alle kategorier på Eksperten

Seneste artiklerRSS