webForumDet fria alternativet

Divar - Css eller javascript?

HTML & CSS

10 svar · 647 visningar · startad av Inferis

Medlem sedan sep. 2000667 inlägg
Frågan#1

Hej!
Försöker åstadkomma något liknande som på bilden jag skickar med.

Tanken är att den gula diven ska innehålla små diver. När man klickar på de små diverna så ska de öppnas och förbli öppna tills man stänger dem igen.

Varje lite div (de röda och blåa) ska ha en liten ikon/bild på sig.

Ungefär som chatten på Facebook.

Går det att göra med enbart css? Vilket sätt är lättast?

divar.gif
Medlem sedan sep. 2000667 inlägg
#2

Ingen?

Medlem sedan mars 200986 inlägg
#3

Jag hade löst det via javaScript. Det finns ju ett :active läge i css som eventuellt kan utnyttjas (men jag vet inte riktigt hur det fungerar då jag inte använt det).

Medlem sedan sep. 2000667 inlägg
#4

Har hittat flera olika script på nätet.
Men jag vill att det ska bli en popup som går uppåt.
Gärna animerat. Och blinkar om det är en varning.

Medlem sedan mars 20021 152 inlägg
#5

Inferis skrev:

...
Går det att göra med enbart css? Vilket sätt är lättast?

Det går att göra med enbart avancerad CSS, om du accepterar att bara en popup är aktiv åt gången. Vill du kunna ha fler än en uppe samtidigt är javascript det enda möjliga.

Lättast är det du behärskar bäst. ;)

Medlem sedan sep. 2000667 inlägg
#6

Javascript är ju helt ok. Är det någon som vill hjälpa mig att komma igång lite? Det ska ju helst vara animerat och grannt när man öppnar divarna.

Medlem sedan mars 20021 152 inlägg
#7

Det är fler och fler som surfar med javascript av. Om funktionen är väsentlig för din sida kanske du ska välja ett annat sätt att visa dem på, kanske allra enklast är en dropdownliknande meny som öppnar dina boxar uppåt istället. Animering och annat kan du sedan lägga till med javascript.

Medlem sedan sep. 2004828 inlägg
#8

joser, kan du visa statistik som stärker ditt uttalande?

Javascript bör användas för att öka användarens upplevelse av sidan. Det SKA ALDRIG vara nödvändigt för sidans funktion att användaren har stöd för javascript.

Medlem sedan sep. 2000667 inlägg
#9

Så chatten på Facebook fungerar inte om man stänger av javascript? Då är det nog inte många som surfar utan javascript.

Men vilken lösning är bäst för min del då? Kolla bilden högst upp.

Medlem sedan sep. 2004828 inlägg
#10

Chatten (och resten av facebook) fungerar iallafall inte LIKA utan javascript. Jag skulle tro att allting fungerar, men att upplevelsen blir mer eller mindre olidlig

Medlem sedan mars 20021 152 inlägg
#11

StefanBergfeldt skrev:

joser, kan du visa statistik som stärker ditt uttalande?
...

De sista åren tycker jag visar en ökande andel som surfar med javascript av. Det statistik man har för sin egen sajt kan ju variera, men allmänt tror jag TheCounter.com har en tillförlitligare statistik än t.ex W3scools.com.

Surfar med javascript av enligt TheCounter: Mars 2007 - 4%, Mars 2008 - 5%, Mars 2009 - 6%.

266 ms totalt · 4 externa anrop · v20260731065814-full.1dc6f849
129 ms — deklarationer (db)
0 ms — hämta statistik (cache)
134 ms — hämta tråd, inlägg och bilagor (db)
124 ms — ändringar (db)