Notifikationer

Markér alle som læst Log ud

hanne-rk Nybegynder

02. oktober 2003 - 10:51 Der er 12 kommentarer og
1 løsning

opdater pris hvis varen er X

Hejsa
Hvordan laver jeg dette så der i højre side kommer til at stå kr. 10 (ved vare 1) når man har markeret checkboxen til venstre.
Samt opdatere Ialt prisen forneden :
---

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" id="AutoNumber1">
<tr>
<td width="5%"><input type="checkbox" name="vare1" value="ON"></td>
<td width="71%">vare 1 (kr. 10)</td>
<td width="24%"> </td>
</tr>
<tr>
<td width="5%"><input type="checkbox" name="vare2" value="ON"></td>
<td width="71%">vare 2 (kr. 20)</td>
<td width="24%"> </td>
</tr>
</table>
<p>Ialt : kr. xxx</p>

Synes godt om

medions Nybegynder

02. oktober 2003 - 11:08 #1

Er det sådan her du vil ha' det?

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>
</head>

<body>

<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" id="AutoNumber1">
<tr>
<td width="5%"><input type="checkbox" name="vare1" value="ON" onclick="document.getElementById('v1').style.display='inline';"></td>
<td width="71%">vare 1 (<div id="v1" style="display: none;">kr. 10</div>)</td>
<td width="24%"> </td>
</tr>
<tr>
<td width="5%"><input type="checkbox" name="vare2" value="ON" onclick="document.getElementById('v2').style.display='inline';"></td>
<td width="71%">vare 2 (<div id="v2" style="display: none;">kr. 10</div>)</td>
<td width="24%"> </td>
</tr>
</table>
<p>Ialt : kr. xxx</p>

</body>
</html>

//>Rune

Synes godt om

hanne-rk Nybegynder

02. oktober 2003 - 11:14 #2

Nej ikke helt, men næsten

Jeg vil have prisen til at komme helt ude i højre kolonne hvis man markerer (prisen i parantes skal altid være synlig)

OG så skal der lægges sammen tilsidst (nederst) og hvis man igen fjerner en markering skal der opdateres igen.

Synes godt om

medions Nybegynder

02. oktober 2003 - 11:20 #3

Så prøver vi bare igen:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script language="JavaScript">
function Cal() {
if (document.frm1.vare1.checked) {
if (document.frm1.vare2.checked) {
document.getElementById('total').innerHTML = '20';
} else {
document.getElementById('total').innerHTML = '10';
}
}

if (document.frm1.vare2.checked) {
if (document.frm1.vare1.checked) {
document.getElementById('total').innerHTML = '20';
} else {
document.getElementById('total').innerHTML = '10';
}
}
}
</script>
</head>

<body>

<form name="frm1">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" id="AutoNumber1">
<tr>
<td width="5%"><input type="checkbox" name="vare1" value="10" onclick="Cal();document.getElementById('v1').style.display='inline';"></td>
<td width="71%">vare 1 (10 kr.)</td>
<td width="24%"> <div id="v1" style="display: none;">kr. 10</div></td>
</tr>
<tr>
<td width="5%"><input type="checkbox" name="vare2" value="10" onclick="Cal();document.getElementById('v2').style.display='inline';"></td>
<td width="71%">vare 2 (10 kr.)</td>
<td width="24%"> <div id="v2" style="display: none;">kr. 10</div></td>
</tr>
</table>
<p>Ialt : kr. <div id="total">0</div></p>
</form>

</body>
</html>

//>Rune

Synes godt om

hanne-rk Nybegynder

02. oktober 2003 - 12:24 #4

NÆSTEN :-)

Eneste fejl er nu, at der stadig står ialt kr. 10 hvis man fjerne begge markeringer, og der bliver ved med at stå kr. 10 ud for den enkelte vare også.

Synes godt om

hanne-rk Nybegynder

02. oktober 2003 - 12:28 #5

hmmm det ser også ud til at det vil blive lidt en voldsom kompliseret metode, hvis jeg skal bygge det ind i en liste på 20 varer - eller hva ??
Det ligner en form for kryds tjek i toppen, og den bliver da næsten umulig at overskue ved mange varer, gør den ikke ?

Synes godt om

medions Nybegynder

02. oktober 2003 - 12:29 #6

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script language="JavaScript">
function Cal() {
if (document.frm1.vare1.checked) {
if (document.frm1.vare2.checked) {
document.getElementById('total').innerHTML = '20';
} else {
document.getElementById('total').innerHTML = '10';
}
}

if (document.frm1.vare2.checked) {
if (document.frm1.vare1.checked) {
document.getElementById('total').innerHTML = '20';
} else {
document.getElementById('total').innerHTML = '10';
}
}

if (!document.frm1.vare1.checked && !document.frm1.vare2.checked) {
document.getElementById('total').innerHTML = '0';
}
}
</script>
</head>

<body>

<form name="frm1">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" id="AutoNumber1">
<tr>
<td width="5%"><input type="checkbox" name="vare1" value="10" onclick="Cal();document.getElementById('v1').style.display='inline';"></td>
<td width="71%">vare 1 (10 kr.)</td>
<td width="24%"> <div id="v1" style="display: none;">kr. 10</div></td>
</tr>
<tr>
<td width="5%"><input type="checkbox" name="vare2" value="10" onclick="Cal();document.getElementById('v2').style.display='inline';"></td>
<td width="71%">vare 2 (10 kr.)</td>
<td width="24%"> <div id="v2" style="display: none;">kr. 10</div></td>
</tr>
</table>
<p>Ialt : kr. <div id="total">0</div></p>
</form>

</body>
</html>

//>Rune

Synes godt om

medions Nybegynder

02. oktober 2003 - 12:39 #7

Så er der jo selvf. oxo den mulighed som Dell bruger:

http://commerce.euro.dell.com/dellstore/config/frameset.asp?c=630&n=1517&b=42328&m=dkk&cu=dkbsd&l=da&s=dkbsd&store=dkbsd&sbc=dkbsdlatit&v=d

Altså en lille iframe der bliver updateret for hver produkt du vælger!

//>Rune

Synes godt om

hanne-rk Nybegynder

02. oktober 2003 - 12:43 #8

hmmm jo det kan da være iframe var en mulighed, men er der ikke noget med at mange browsere har problemer med at vise dem helt ens ?

Synes godt om

medions Nybegynder

02. oktober 2003 - 12:45 #9

Tjoo. :)

Jeg prøver lige at bixe en anden løsning til dig ;o)

//>Rune

Synes godt om

medions Nybegynder

02. oktober 2003 - 12:51 #10

Det her er vidst noget bedere ;o)

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script language="JavaScript">
function Calc (price) {
document.getElementById('total').innerHTML = parseInt(frm1.tvare1.value) + parseInt(frm1.tvare2.value);
}
</script>
</head>

<body>

<form name="frm1">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" id="AutoNumber1">
<tr>
<td width="5%"><input type="checkbox" name="vare1" value="10" onclick="if(tvare1.value=='0'){tvare1.value=this.value;}else{tvare1.value='0'}; Calc();"></td>
<td width="71%">vare 1 (10 kr.)</td>
<td width="24%">kr. <input type="text" name="tvare1" value="0" style="border: 0px solid; width: 40px;"></td>
</tr>
<tr>
<td width="5%"><input type="checkbox" name="vare2" value="10" onclick="if(tvare2.value=='0'){tvare2.value=this.value;}else{tvare2.value='0'}; Calc();"></td>
<td width="71%">vare 2 (10 kr.)</td>
<td width="24%">kr. <input type="text" name="tvare2" value="0" style="border: 0px solid; width: 40px;"></td>
</tr>
</table>
<p>Ialt : kr. <div id="total">0</div></p>
</form>

</body>
</html>

//>Rune

Synes godt om

hanne-rk Nybegynder

02. oktober 2003 - 13:02 #11

noget bedre ?

Den er da vildt meget bedre - takker

Lige et hurtigt tillægs spg.
Er det muligt (bare svar ja eller nej) at lave sådan at det første x man laver er fx 75kr og efterfølgende er 50kr ?
Grunden til at jeg spørger er, at jeg skal bruge til en salgsside med cd-er hvor den første bestilte cd koster kr. 75 og efterfølgende kr. 50.

Kan jeg evt. (naturligvis for en ekstra slat point) lokke dig til hjælpe mig med at indflette det i mit nuværende script (med 15 forskelige CD-er)?

Synes godt om

medions Nybegynder

02. oktober 2003 - 13:16 #12

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
<title>Untitled</title>

<script language="JavaScript">
function Calc (price) {
document.getElementById('total').innerHTML = parseInt(frm1.tvare75.value) + parseInt(frm1.tvare1.value) + parseInt(frm1.tvare2.value);
}
</script>
</head>

<body>

<form name="frm1">
<input type="hidden" name="tvare75" value="75">
<table border="1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" bordercolor="#111111" width="46%" id="AutoNumber1">
<tr>
<td width="5%"><input type="checkbox" name="vare1" value="10" onclick="if(tvare1.value=='0'){tvare1.value=this.value;}else{tvare1.value='0';}; Calc();"></td>
<td width="71%">vare 1 (10 kr.)</td>
<td width="24%">kr. <input type="text" name="tvare1" value="0" style="border: 0px solid; width: 40px;"></td>
</tr>
<tr>
<td width="5%"><input type="checkbox" name="vare2" value="10" onclick="if(tvare2.value=='0'){tvare2.value=this.value;}else{tvare2.value='0';}; Calc();"></td>
<td width="71%">vare 2 (10 kr.)</td>
<td width="24%">kr. <input type="text" name="tvare2" value="0" style="border: 0px solid; width: 40px;"></td>
</tr>
</table>
<p>Ialt : kr. <div id="total">0</div></p>
</form>

</body>
</html>

Du bestemmer selv hvad jeg har fortjent af extra points...

//>Rune

Synes godt om

hanne-rk Nybegynder

02. oktober 2003 - 16:51 #13

takker mange gange

http://www.eksperten.dk/spm/408807

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