Som besökare på Hamsterpaj samtycker du till användandet av s.k. cookies för att förbättra din upplevelse hos oss. Jag förstår, ta bort denna ruta!
Annons

Css selector

Skapad av tok124, 2014-06-30 21:37 i Webbutveckling & Programmering

2 094
3 inlägg
1 poäng
tok124
Visningsbild
P 35 Hjälte 258 inlägg
2014-06-30 21:37
0
Hej, Håller på att skapa en liten simpel hemsida åt ett gruppboende. Dom har en boende som inte kan prata och kan bara peka på saker. Dom ville ha en sida med bilder på som dom kan använda på ipad och när dom klickar på bilden så ska de bli en röd skugga eller border på insidan av bilden. så jag körde med
#bild:active
i min css men de funkar ju endast så länge man håller in musen men jag vill att de ska vara activerat när man klickar på bilden tills att man refreshat sidan.

så här ser hemsidan ut just nu
Forum image

Så som ni ser på första bilden så är de en röd skugga. Den röda skuggan ska vara aktiverad från att man klickat på bilden tills att man har refreshat hemsidan. Eller till och med bättre om de fanns en reset knapp.
Direktlänk Svara på inlägg Gästbok
Skicka

Är reklamen ivägen? Logga in eller registrera dig så försvinner den!

Karlsson
Visningsbild
P 30 Arvika Hjälte 499 inlägg
2014-06-30 21:51
1
Du får använda JavaScript för det.

Tänk på att bara använda id en gång! Det är unikt. Skall du target:a flera element med CSS så använd klasser. Ändra från id="bild" till class="bild" på alla klickbara bilder.

Gör .active istället för :active.

Lägg sedan in:
*snip*

Skrev det lite fort, hojta till om det inte fungerar så testar jag koden! :)

Tillägg av Karlsson 2014-06-30 21:54

Hamsterpaj tar ju bort hälften av koden -.-'
Fixar en pastebin;



Tillägg av Karlsson 2014-06-30 21:55

http://pastebin.com/EhCHDBae



Tillägg av Karlsson 2014-06-30 22:30

Här har du en fungerande demo: http://codepen.io/enjikaka/pen/umAsq

Direktlänk Svara på inlägg Gästbok
Skicka
tok124
Visningsbild
P 35 Hjälte 258 inlägg
Trådskapare
2014-07-01 00:56
0

Svar till Karlsson [Gå till post]:
Fan va nice ! Tack :)

Direktlänk Svara på inlägg Gästbok
Skicka

Forum » Datorer & IT » Webbutveckling & Programmering » Css selector

Ansvariga ordningsvakter:

Användare som läser i den här tråden just nu

1 utloggad

Skriv ett nytt inlägg

Hej! Innan du skriver om ett potentiellt problem så vill vi påminna dig om att du faktiskt inte är ensam. Du är inte onormal och världen kommer inte att gå under, vi lovar! Så slappna av och gilla livet i några minuter - känns det fortfarande hemskt? Skriv gärna ner dina tankar och frågor, vi älskar att hjälpa just dig!

Den här tråden är äldre än Rojks drömtjej!

Det senaste inlägget i den här tråden skrevs för över tre månader sedan. Är du säker på att du vill återuppliva diskussionen? Har du något vettigt att tillföra eller passar din fråga i en ny tråd? Onödiga återupplivningar kommer att låsas så tänk efter en extra gång!

Rubrik

Inlägg

Fet Kursiv Spoiler Bild Film Kod Undersökning

Förhandsgranska Spara

Hjälp

Det här är en hjälpruta

Här får du korta tips och förklaringar om forumet. Välj kapitel i rullningslisten här ovanför.

Rutan uppdateras automagiskt

När du använder funktioner i forumet så visas bra tips här.


Annons
Annons
Annons
Annons