Avatar billede dennish Nybegynder
06. september 2006 - 11:55 Der er 6 kommentarer og
2 løsninger

status bar a la ekstrabladets

Er der nogen der ved hvordan man laver en "status bar" a la den der fremkommer efter man har lavet en afstemning på www.ekstrabladet.dk ?

Er du tryg ved PET’s indsats for at forhindre terror-angreb i Danmark ?
Ja  []
Nej []
  [OK]

Efter afsteming kommer nedenstående resultat

Er du tryg ved PET’s indsats for at forhindre terror-angreb i Danmark

Ja
||||||||||||||||||| 78 %
Nej
||||||||            22%
Avatar billede xenoxsis Nybegynder
06. september 2006 - 12:16 #1
I PHP er det ret simpelt, og jeg tror samme fremgangsmåde kan bruges i (D)HTML, du laver en table med border 0, og farver den. - Så regner du størrelsen i procent ud og sætter bredden af den table til den størrelse du har regnet frem til.

Eksempel: Din bar må være 150px lang (bred). Og din afstemning er på 70%, så laver du beregningen 150 * (70 / 100) = 105 px. Så skal din bar være 105 px bred for at give et billede af 70%. (Husk afrunding så din bar ikke bliver regnet ud til at være 105,2485 px bred :-P)

Håber det var til lidt hjælp.
Avatar billede mclemens Nybegynder
06. september 2006 - 12:38 #2
Eksempel:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head><body>

<div style="width:100px;position:relative;">
Ja:
<div style="background:#00f;width:78%;height:15px;position:relative;"><span style="position:absolute;left:105px;">78%</span></div>

<br>

Nej:
<div style="background:#00f;width:22%;height:15px;position:relative;"><span style="position:absolute;left:105px;">22%</span></div>
</div>
</body></html>
Avatar billede mclemens Nybegynder
06. september 2006 - 12:49 #3
Du kan også vælge bare at regne px defineringen ud
som Xenoxsis foreslår istedet for at bruge % :o)
Avatar billede xenoxsis Nybegynder
06. september 2006 - 15:33 #4
Jeg bruger PX definering fordi procent definering mere end ofte giver mig problemer :)
Avatar billede dennish Nybegynder
12. september 2006 - 11:38 #5
svarer i ikke lige
Avatar billede mclemens Nybegynder
12. september 2006 - 11:41 #6
Ok, her er lige et af de to svar :o)
Avatar billede xenoxsis Nybegynder
12. september 2006 - 12:03 #7
Og her er mit svar ;)
Avatar billede mclemens Nybegynder
13. september 2006 - 14:29 #8
Tak for point :o)
Avatar billede 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.

Loading billede Opret Preview
Kategori
Vi tilbyder markedets bedste kurser inden for webudvikling

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