Notifikationer

Markér alle som læst Log ud

xvid Seniormester

09. september 2005 - 15:03 Der er 10 kommentarer og
1 løsning

Forbrugsberegning script

Hej

Jeg har her på siden http:// www.flugger.dk/ G-oe-r-c-det-c-selv/ Forbrugsberegner.aspx fundet et forbrugsberegner og vil høre om det kan lade sig at gøre at få denne til at fungere i javascript samt om der er en eller anden venlig sjæl der kan hjælpe mig med at få denne til at virke eller i noget andet end .js

med venlig hilsen xvid

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1252">
<title>Ny side 2</title>
</head>
<body>
<table border="0" cellspacing="3" cellpadding="0" width="448">
<tr>
<td colspan="2" width="815"><strong><span id="Flugger_Farver_Content0_Forbrugsberegner2_lblSqmheadline">Antal
kvadratmeter</span></strong></td>
</tr>
<tr>
<td style="padding-left: 10px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px" width="664">Overfladens
totale bredde (Meter)<BR>(fraregnet døre, store vinduer etc.): </td>
<td width="105">
<p align="left"><input name="Flugger_Farver_Content0:Forbrugsberegner2:sqmwidth" id="Flugger_Farver_Content0_Forbrugsberegner2_sqmwidth" type="text" size="5" style="text-align:right" value="0" /></p>
</td>
</tr>
<tr>
<td style="padding-left: 10px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px" width="664">Overfladens
højde (Meter): </td>
<td width="105">
<p align="left"><input name="Flugger_Farver_Content0:Forbrugsberegner2:sqmheight" id="Flugger_Farver_Content0_Forbrugsberegner2_sqmheight" type="text" size="5" style="text-align:right" value="0" /></p>
</td>
</tr>
<tr>
<td colspan="2" width="815"> </td>
</tr>
<tr>
<td colspan="2" width="815"><strong><span id="Flugger_Farver_Content0_Forbrugsberegner2_lblProdheadline">Hvad
skal du male?</span></strong></td>
</tr>
<tr>
<td colspan="2" width="815">Vælg produkt:</td>
</tr>
<tr>
<td colspan="2" style="padding-left: 10px" width="805">
<table cellspacing='0' cellpadding='0' border='0' width="524">
<tr>
<td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{6BE71F20-DA0C-4878-9978-37A87D013235}' value='8'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{6BE71F20-DA0C-4878-9978-37A87D013235}'>Vægge
- normalt belastet - Flutex 3</label></td>
</tr>
<tr>
<td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{6BE71F20-DA0C-4878-9978-37A87D013235}' value='8'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{6BE71F20-DA0C-4878-9978-37A87D013235}'>Vægge
- normalt belastet - Flutex 4</label></td>
</tr>
<tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{6BE71F20-DA0C-4878-9978-37A87D013235}' value='8'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{6BE71F20-DA0C-4878-9978-37A87D013235}'>Vægge
- normalt belastet - Flutex 5</label></td></tr>
<tr>
<td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{969A76F2-B174-462F-8F1D-E0AEC42BD59E}' value='9'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{969A76F2-B174-462F-8F1D-E0AEC42BD59E}'>Vægge
- hårdt belastet - Flutex 7 S</label></td>
</tr>
<tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{969A76F2-B174-462F-8F1D-E0AEC42BD59E}' value='9'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{969A76F2-B174-462F-8F1D-E0AEC42BD59E}'>Vægge
- hårdt belastet - Flutex 10</label></td></tr><tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{79F1A788-F27F-4ED2-AF9B-B21649F57C37}' value='10'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{79F1A788-F27F-4ED2-AF9B-B21649F57C37}'>Udvendigt
træværk (høvlet træ som fx dør) - transparent udseende -
Flügger 96 (traditionel træbeskyttelse)</label></td></tr><tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{CAE81A9C-5021-4BB0-89F3-55B92ED446D3}' value='10'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{CAE81A9C-5021-4BB0-89F3-55B92ED446D3}'>Udvendigt
træværk (høvlet træ som fx dør) - heldækkende udseende -
Flügger 98 (vandig træbeskyttelse)</label></td></tr><tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{CB4D4A8A-B45E-4562-8F4C-FC28FF91C5EC}' value='9'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{CB4D4A8A-B45E-4562-8F4C-FC28FF91C5EC}'>Indvendigt
træværk - Interiør 50</label></td></tr><tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{57BD67EF-962E-44D1-94CD-1B81392677AA}' value='5'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{57BD67EF-962E-44D1-94CD-1B81392677AA}'>Udvendigt
træværk (ru træ som fx hus eller carport) - transparent
udseende - Flügger 96 (traditionel træbeskyttelse)</label></td></tr><tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{61F0B8F9-DC31-4474-9F33-5B7165670DE7}' value='6'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{61F0B8F9-DC31-4474-9F33-5B7165670DE7}'>Udvendigt
træværk (ru træ som fx hus eller carport) - heldækkende
udseende - Flügger 98 (vandig træbeskyttelse)</label></td></tr><tr><td style='padding-left: 0px; padding-right: 8px; padding-top: 2px; padding-bottom: 2px' width="18"><input type='radio' name='product' id='product{60D34961-6D83-4733-9389-2DA4D8AE9E8F}' value='8'></td><td style='padding-left: 0px; padding-right: 0px; padding-top: 2px; padding-bottom: 2px' width="494"><label for='product{60D34961-6D83-4733-9389-2DA4D8AE9E8F}'>Facade
- Flügger Murmaling</label></td></tr></table>
</td>
</tr>
<tr>
<td colspan="2" width="815"> </td>
</tr>
<tr>
<td colspan="2" width="815"><strong><span id="Flugger_Farver_Content0_Forbrugsberegner2_lblPaintsheadline">Antal
overmalinger</span></strong></td>
</tr>
<tr>
<td style="padding-left: 10px; padding-right: 30px; padding-top: 0px; padding-bottom: 0px" width="664">Hvor mange gange skal du male?</td>
<td width="105">
<select id="times">
<option value="1">1</option>
<option value="2">2</option>
</select>
</td>
</tr>
<tr>
<td colspan="2" width="815"> </td>
</tr>
<tr>
<td colspan="2" width="815"><input name="Flugger_Farver_Content0:Forbrugsberegner2:btnCalculate" id="Flugger_Farver_Content0_Forbrugsberegner2_btnCalculate" type="button" onclick="calculate()" value="Beregn forbrug" /></td>
</tr>
</table>
</body>
</html>

Synes godt om

olebole Juniormester

09. september 2005 - 15:27 #1

<ole>

Hvis man kender algoritmen, kan det laves i hvad somhelst :)

/mvh
</bole>

Synes godt om

olebole Juniormester

09. september 2005 - 15:29 #2

- eller rettere rækkeevnen for de forskellige typer maling

Synes godt om

olebole Juniormester

09. september 2005 - 16:11 #3

- noget à la:

<script type="text/JavaScript">
function calc() {
var aP, res, w, h, coats, displ = document.getElementById("result");
w = document.getElementById("w").value;
h = document.getElementById("h").value;
coats = document.getElementById("coats");
aP = document.getElementsByName("paint");
for (i=0; i<aP.length; i++) {
if (aP[i].checked) {
res = w*h*aP[i].value*coats.value;
res = Math.round(res*100)/100;
displ.innerHTML = "Du skal bruge: " + res + " ltr";
}
}
}
</script>

<input id="w" type="text"><br>
<input id="h" type="text"><br>
<input name="paint" value=0.125 type="radio"><br>
<input name="paint" value=0.100 type="radio"><br>
<input name="paint" value=0.200 type="radio"><br>
<select id="coats">
<option value=1>1</option>
<option value=2>2</option>
</select>
<button onclick="calc()">Beregn</button>

<div id="result"> </div>

Synes godt om

xvid Seniormester

09. september 2005 - 20:28 #4

Det var præcis hvad jeg søgte efter

Tusind Tak

Kan jeg få et svar fra dig? :-)

Synes godt om

xvid Seniormester

09. september 2005 - 20:35 #5

lige en ting til :-) kan man tilføje et script som gøre at når man trykker på teksten vil man kunne se en beskrivelse lige under, som man har nogen gange i en "menu"

<input name="paint" value=0.125 type="radio"></td>
<td width="94%" colspan="2">Flutex 5</td>

Synes godt om

olebole Juniormester

09. september 2005 - 21:54 #6

Det kan du gøre sådan:
<div onclick="this.nextSibling.style.display='block'">Flutex 5</div><div style="display:none">En uddybning</div>

Synes godt om

xvid Seniormester

09. september 2005 - 22:52 #7

Tak endnu en gang det er helt perfekt

Synes godt om

xvid Seniormester

09. september 2005 - 23:01 #8

lige til sidst kan man ikke lave det sådan at når man klikker så får man en uddybning og når man klikker igen så forsvinder den igen?

Synes godt om

olebole Juniormester

09. september 2005 - 23:09 #9

Så ville jeg nok lægge det i en funktion for sig selv:

<script type="text/JavaScript">
function toggle(elm) {
var css = elm.nextSibling.style;
css.display = css.display=="block"? "none" : "block";
}
</script>

<div onclick="toggle(this)">Flutex 5</div><div style="display:none">En uddybning</div>

... og du smider naturligvis bare alle dine funktioner ind under ét sæt script-tags :)

Synes godt om

xvid Seniormester

09. september 2005 - 23:12 #10

tusind tak for hjælpen det virker helt perfekt :-)))))

Synes godt om

olebole Juniormester

09. september 2005 - 23:28 #11

Selvtak ... og tak for points :)

Vær i øvrigt opmærksom på, at selvom scriptet virker i IE, hvis du skriver:

<div onclick="toggle(this)">Flutex 5</div>
<div class="descr">En uddybning</div>

- så vil det udløse en fejl i andre browsere med et mere stringent forhold til DOM - f.eks. Mozilla og Opera. Her _skal_ div'ene stå på samme linje.

Vi hiver fat i nabo-div'et med:
elm.nextSibling // ordet 'sibling' er engelsk og betyder 'søskende'

Skrives div'ene på to linjer, er nabo-noden en tekst-node - indeholdende et newline tegn. Derfor burde men i dette tilfælde hente nabo-div'et med:
elm.nextSibling.nextSibling

Konklusion:
Skriv de to div på én linje. Så virker den korrekte adressering i alle browsere ;o)

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	03/05/202613:59
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