Notifikationer

Markér alle som læst Log ud

lunddata Nybegynder

02. januar 2010 - 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

Synes godt om

tjens Nybegynder

02. januar 2010 - 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>

Synes godt om

lunddata Nybegynder

02. januar 2010 - 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

Synes godt om

tjens Nybegynder

02. januar 2010 - 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"> </td>

Synes godt om

lunddata Nybegynder

02. januar 2010 - 16:43 #4

Tusind tak! Det virker nu bare fuldt ud!

Synes godt om

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.

Følg dette spørgsmål

Opret Preview

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
problem med download i <a href=" " download> tag i JavaScript Af Peer i JavaScript	5	27/04/202620:09	21/08/202610:41
Validering af filnavn i formular Af Strawberry i JavaScript	8	14/04/202610:11	20/04/202611:14
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

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.

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten

Seneste artiklerRSS