WN

WN (https://www.wn.se/forum/index.php)
-   Klientsidans teknologier, design och grafik (https://www.wn.se/forum/forumdisplay.php?f=12)
-   -   checkbox likt Prisjakts (https://www.wn.se/forum/showthread.php?t=1040353)

ric 2010-02-03 21:24

Citat:

Ursprungligen postat av Fredrik-s (Inlägg 20341545)
Det låter som ett jäkligt smidigt sätt. Dock ser jag inte lösningen hur jag ska få två bilder beroende av varandra fall jag gör så, det går säkert men min kunskap ser inte möjligheten. Ett exempel i rätt riktning vore kanon!


Du fixar det med enkel javascript.

Låt oss säga att du har två bilder som är klickbara.
Om du klickar på en av bilderna så byter du bild på den du klickade på så att den är t.ex. röd, den andra byter du till tex. grå.
Om du klickar på den andra bilden, så byter du på samma sätt bilderna så den ena blir grå och den andra röd.

Den bilden du klickar på byter värdet i en input type hidden till tex. 1, om du klickar på en den andra bilden så byter den tillbaka värdet i samma input till tex. 0.

Fredrik-s 2010-02-03 21:37

Citat:

Ursprungligen postat av ric (Inlägg 20341547)
Du fixar det med enkel javascript.

Låt oss säga att du har två bilder som är klickbara.
Om du klickar på en av bilderna så byter du bild på den du klickade på så att den är t.ex. röd, den andra byter du till tex. grå.
Om du klickar på den andra bilden, så byter du på samma sätt bilderna så den ena blir grå och den andra röd.

Den bilden du klickar på byter värdet i en input type hidden till tex. 1, om du klickar på en den andra bilden så byter den tillbaka värdet i samma input till tex. 0.

Hur det ska fungera i teorin är jag med på. Men min Javascriptskunskap är lika med noll. Jag kom över detta exemplet http://javascript.internet.com/navigation/giltab.html men det känns lite väl tungt. Där menyn fungerar som jag vill, typ som en knapp.

ric 2010-02-03 21:50

Citat:

Ursprungligen postat av Fredrik-s (Inlägg 20341549)
Hur det ska fungera i teorin är jag med på. Men min Javascriptskunskap är lika med noll.


Då rekommenderar jag dig att lära dig javascript från grunden istället för att hitta en färdig lösning, blir bara lättare senare om man vill bygga ut eller förändra i koden.

Börja med att läsa här:

Guide hur man använder onclick och anropar en funktion samt skriver en funktion:
http://www.w3schools.com/JS/js_functions.asp

Hur man skriver if-satser:
http://www.w3schools.com/JS/js_if_else.asp

Några exempel på hur man ändrar värden i element:
http://www.w3schools.com/HTMLDOM/dom_using.asp

PerD 2010-02-03 21:55

Här är ytterligare ett exempel som använder CSS också.
http://ryanfait.com/resources/custom...radio-buttons/

Fredrik-s 2010-02-03 22:30

Tack för hjälpen, jag hittade lite olika exempel som jag kunde få ihop till ett som fungerade precis som jag ville.

aelander 2010-02-06 03:15

Nåt i den här stilen?
http://www.elit.net/wn/8648632005.html

aelander 2010-02-06 03:16

Visa källa.
Ingen kod är gömd.


Alla tider är GMT +2. Klockan är nu 12:28.

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