Søg
Avatar billede lunddata Nybegynder
02. januar 2009 - 00:17 Der er 3 kommentarer og
1 løsning

ProgressBar

Sandsynligis lige ud ad landevejen...
Hvem kan jeg hjælpe med vandret progressbar som viser procent rigtige ud af stillede opgaver.
Altså to variable:
antal rigtige
antal forkerte
TAKKER PÅ FORHÅND
Avatar billede tjens Nybegynder
02. januar 2009 - 15:21 #1
Det kan sikkert laves på mange måder, men her er et eksempel, hvor en tabel med to celler med rød og grøn baggrund manipuleres i længden:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html> <head>
<meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<title>DOM demo: Move complex element </title>
<style type="text/css">
body    { font:100% sans-serif;    }
.t1    { border-collapse: collapse;  }

#td2ID {
    height:20px;  width:0px; 
    background-color: green;
    }
#td3ID {
    height:20px;  width:500px; 
    background-color: red;
    }
</style>
<script type="text/javascript">

//Global vars:
var oTD1,oTD2,oTD3,oTD4;
var correct = 1;
var wrong = 3;

function doProgress() {
    var n = correct + wrong;
    var Lpct = parseInt((correct/n)*100);
    var Rpct = 100 - Lpct;
    oTD1.firstChild.nodeValue = Lpct + '%';
    oTD2.style.width=5*Lpct + 'px';
    oTD3.style.width=5*Rpct + 'px';
    oTD4.firstChild.nodeValue = Rpct + '%';
}

function doAnswer(a) {
    correct += a;
    doProgress();
}   

window.onload = function() {
    oTD1 = document.getElementById("td1ID");
    oTD2 = document.getElementById("td2ID");
    oTD3 = document.getElementById("td3ID");
    oTD4 = document.getElementById("td4ID");
    doProgress();
}
</script>
</head>
<body >
<table class="t1" border="1">
    <tr>
        <td id="td1ID"> </td>
        <td id="td2ID"></td>
        <td id="td3ID"></td>
        <td id="td4ID"> </td>
    </tr>
</table>
<p>
    <input type="button" value="Answer Right" onclick="doAnswer(1)">
</p>
</body></html>
Avatar billede lunddata Nybegynder
02. januar 2009 - 16:05 #2
Jeg tror at det ender med det jeg ønsker, men jeg får flg. fejl når jeg bruger ovenstående:
'oTD1.firstChild' is null or not an object
Avatar billede tjens Nybegynder
02. januar 2009 - 16:14 #3
Der er da også en fejl på eksperten.

første og fjerde <td> skal indholde en NonBlankingSpace fra starten

Jeg prøver lige med mellemrum i stavningen:

<td id="td1ID">& n b s p ;</td>


Uden mellemrum:
<td id="td1ID">&nbsp;</td>
Avatar billede lunddata Nybegynder
02. januar 2009 - 16:43 #4
Tusind tak! Det virker nu bare fuldt ud!
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
Webudvikling kurser
Vi tilbyder markedets bedste kurser inden for webudvikling
Se alle Webudvikling kurser

Flere spørgsmål fra JavaScript kategorien

Titel Indlæg Oprettet Seneste aktivitet
Mangler et JavaScript til htm side med iframe i Joomla5 Af Peder Lund Nielsen i JavaScript 2 03/02/202614:19 04/04/202616:02
Åbne en PDF fil fra en mappe Af mbl i JavaScript 9 18/04/202516:52 22/04/202512:33
Spørgsmål til cookies Af Mads i JavaScript 2 14/02/202511:47 27/06/202514:34
Sæt vindue størrelse Af poulmadsen i JavaScript 1 08/10/202417:18 13/10/202412:33
Opgavestyring Af ingeman i JavaScript 1 15/09/202416:06 15/09/202420:40
Se alle spørgsmål i kategorien Opret spørgsmål

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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I går 20:18 Hvad tænker du om denne reklame. Af swambodk i Andet design
I går 18:46 Logge ind hos Amazon.de Af Malm i E-handel
I går 09:46 Messinger virker ikke på Windows 10 og Windows 11 Af eksmojo i Windows
11/0417:32 Jeg kan ikke opdatere min iPad til ios 26.4.1. Af Bettina i Apps til iOS
11/0408:32 Office pakke LTSC vs Retail? Af Don G i Office & Kontorpakker
White papers
Flere white papers »