Kom ihåg mig?
Home Menu

Menu


Grafiska formilärsknappar

Ämnesverktyg Visningsalternativ
Oläst 2003-10-19, 17:25 #1
Anders Anders är inte uppkopplad
Supermoderator
 
Reg.datum: Oct 2003
Inlägg: 833
Anders Anders är inte uppkopplad
Supermoderator
 
Reg.datum: Oct 2003
Inlägg: 833
Har funderat på att ersätta formulärens standardknappar med egna bilder för att hela sidan ska gå i samma tema. Kan dock inte riktigt bestämma mig för om jag verkligen ska ha bilder eller inte, därför tänkte jag höra mig för. Vill gärna att sidan ska fungera i så många olika webbläsare som möjligt (som följer standarderna enl. W3C). Vad har ni för åsikter och/eller erfarenheter av grafiska submit-knappar?
Anders är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-10-19, 18:04 #2
ZNs avatar
ZN ZN är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Apr 2003
Inlägg: 1 214
ZN ZN är inte uppkopplad
Har WN som tidsfördriv
ZNs avatar
 
Reg.datum: Apr 2003
Inlägg: 1 214
Nackdelen med bilder som submitknappar är att om du t.ex har 2 st olika submitknappar så blir det mycket jobbigare att skilja på vilken man har tryckt på. För att värdet på submitknappens namn skickas inte med om det är en bild, istället skickas det x och y koordinater på var på knappen man har klickat. Det går ju då istället att t.ex se om just den knappens x-kordinat har ett värde, isåfall har man ju klickat på den. Tyvärr så blir det problem om man har submittat genom att trycka enter istället för att klicka med musen, då får nämligen inte x och y något värde.
ZN är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-10-19, 18:46 #3
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Clarence Clarence är inte uppkopplad
Administratör
 
Reg.datum: Jan 2003
Inlägg: 1 974
Det finns flera sätt att göra grafiska knappar, som är väl stödda bland browsers och följer w3c rekommendationer.

button : http://www.w3.org/TR/html4/interact/forms....tml#edef-BUTTON
input type="image" : http://www.w3.org/TR/html4/interact/forms....s.html#h-17.4.1

Sedan kan du också göra en vanlig input type="submit", för att ta bort bordern (border-style:none) och lägga en bakgrundsbild (background-image:url('img')).

input type="image" är nog att föredra. Har du problem med att du har flera formulär löser du det väldigt, väldigt enkelt med att lägga en input type="hidden" med en formulärreferens.
Clarence är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-10-19, 20:50 #4
Jockes avatar
Jocke Jocke är inte uppkopplad
Mycket flitig postare
 
Reg.datum: Jan 2003
Inlägg: 690
Jocke Jocke är inte uppkopplad
Mycket flitig postare
Jockes avatar
 
Reg.datum: Jan 2003
Inlägg: 690
Varför itne andvända en vanlig länk och en vanlig bild
Kod:
<a href="javascript:document.form.submit();"><img src="bild.gif"></a>
Jocke är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-10-19, 21:00 #5
ZNs avatar
ZN ZN är inte uppkopplad
Har WN som tidsfördriv
 
Reg.datum: Apr 2003
Inlägg: 1 214
ZN ZN är inte uppkopplad
Har WN som tidsfördriv
ZNs avatar
 
Reg.datum: Apr 2003
Inlägg: 1 214
Bästa är nog att undvika javascript eftersom det körs på klientsidan.
Och hidden fields fungerar sålänge man bara har 1 submitknapp till 1 form.
ZN är inte uppkopplad   Svara med citatSvara med citat
Oläst 2003-10-19, 22:37 #6
Anders Anders är inte uppkopplad
Supermoderator
 
Reg.datum: Oct 2003
Inlägg: 833
Anders Anders är inte uppkopplad
Supermoderator
 
Reg.datum: Oct 2003
Inlägg: 833
Citat:
Det finns flera sätt att göra grafiska knappar, som är väl stödda bland browsers och följer w3c rekommendationer.

button : http://www.w3.org/TR/html4/interact/...ml#edef-BUTTON
Kollade på denna lite tidigare. Men den renderade inte snyggt i vissa webbläsare. Men tack i alla fall, ska prova mig fram...
Anders är inte uppkopplad   Svara med citatSvara med citat
Svara


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

Regler för att posta
Du får inte posta nya ämnen
Du får inte posta svar
Du får inte posta bifogade filer
Du får inte redigera dina inlägg

BB-kod är
Smilies är
[IMG]-kod är
HTML-kod är av

Forumhopp


Alla tider är GMT +2. Klockan är nu 17:54.

Programvara från: vBulletin® Version 3.8.2
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Svensk översättning av: Anders Pettersson
 
Copyright © 2017