Søg
Avatar billede comeback Nybegynder
14. april 2004 - 15:06 Der er 22 kommentarer og
2 løsninger

Tælle sammen

Hvordan får jeg nedenstående til at tælle sammen når man klikker på "tæl" sammen... Sådan at man den tager værdien af select boxen og ganger med prisen på den varer den tilhører. Den må gerne skrive:
x antal á Vare 1 koster xx kroner
x antal á Vare 2 koster xx kroner
x antal á Vare 3 koster xx kroner

fragten bliver xxx (altså antallet af varer gange 30 kr. dog kun hvis checkboxen er krydset af)

I alt = xxxx

Er der nogle der kan lave det eller er det meget indviklet Jeg har smidt 100 p i puljen. I må sige til hvis der skal mere i?

PS det må ikke være i php eller asp eller lign. OG jeg bare ikke en ørn til java script:-(
;-)

Kode-->

10 kr. pr stk.
    <select name="vare1" >
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
    </select>
    <br>
  20 kr. pr stk.
  <select name="vare2" >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  <br>
30 kr. pr. stk
  <select name="vare3" >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  <br>
  Fragt koster 30 kr. gange antal varer
  (kryds af hvis du henter selv)
  <input name="fragt" type="checkbox" value="" checked>
<br><br>  <input name="send" type="submit"  value="Tæl sammen">
Avatar billede skovenborg Nybegynder
14. april 2004 - 18:19 #1
prøv at tilføje dette i din header:
<script type="text/javascript">
  var priserArr = new Array();
  // priserArr[index] = [selectbox navn,vare navn,pris pr. stk];
  priserArr[0] = ["vare1","Vare 1",10];
  priserArr[1] = ["vare2","Vare 2",20];
  priserArr[2] = ["vare3","Vare 3",30];
  function taelSammen() {
        var output = "";
        var prisIalt = 0;
        for (i=0;i<priserArr.length;i++) {
              antal = +document.form1.elements[priserArr[i][0]].value;
              pris = antal*priserArr[i][2];
              prisIalt += pris;
              output += antal +" stk. "+priserArr[i][1]+" koster "+pris+"kr.<br />";
        }
        output += "Pris Ialt: "+prisIalt+ "kr.";
        document.getElementById("prisDiv").innerHTML = output;
  }
</script>

og så skriv sådan her til sidst:
<input name="fragt" type="checkbox" value="" checked>
<br><br>  <input name="send" type="button"  onclick="taelSammen();" value="Tæl sammen">
<div id="prisDiv"></div>
</form>

Jeg har lavet din knap om til en normal button - regner ikke med den skal sende formularen når man tæller sammen.
Avatar billede Slettet bruger
14. april 2004 - 18:27 #2
Mit bud:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<script type="text/javascript">
varer = new Array();
varer["rosiner"] = 10; //Prisen på vare 1
varer["bananer"] = 20; //Prisen på vare 2
varer["muldvarpe"] = 30; //Prisen på vare 3

function tael(frm) {
  n = 0;
  t = 0;
  str = "Sammentælling:\n\n";
  for (i = 0; i < frm.elements.length; i++) {
    elm = frm.elements[i];
    if (elm.type == "select-one") {
      ant = parseInt(elm.options[elm.selectedIndex].value, 10);
      if (ant > 0) {
        n += ant;
        vt = ant * varer[elm.name];
        str += ant + " stk. " + elm.name + " koster " + vt + " kr.\n";
        t += vt;
      }
    }
  }
  if (t != 0) {
    if (frm.fragt.checked) {
      fr = n * 30;
      t += fr;
      str += "\nFragten bliver: " + fr + " kr.\n";
    }
    return confirm(str + "\nI alt: " + t + " kr.\n\nØnsker De at acceptere?");
  }
  else {
    alert("Husk at vælge nogle varer.");
    return false;
  }
}
</script>
</head>
<body>
<form onsubmit="return tael(this);">
10 kr. pr stk.
    <select name="rosiner">
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
    </select>
    <br>
  20 kr. pr stk.
  <select name="bananer">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select>
  <br>
30 kr. pr. stk
  <select name="muldvarpe">
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
  </select><br><br>
  Fragt koster 30 kr. gange antal varer
  (kryds af hvis du henter selv)
  <input name="fragt" type="checkbox" value="" checked>
<br><br>  <input name="send" type="submit"  value="Tæl sammen">
</form>
</body>
</html>
Avatar billede helle_fred Nybegynder
15. april 2004 - 10:01 #3
- og mit bud:

<script>
function tael(){
v=    document.f.vare1.selectedIndex*10+
    document.f.vare2.selectedIndex*20+
    document.f.vare3.selectedIndex*30;
if(document.f.fragt.checked)v=v+30;
document.f.ialt.value=v}
</script>

<form name="f"  >

10 kr. pr stk.
    <select name="vare1" onChange="tael()" >
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
    </select>
    <br>
  20 kr. pr stk.
  <select name="vare2" onChange="tael()"  >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  <br>
30 kr. pr. stk
  <select name="vare3"onChange="tael()"  >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  <br>
  Fragt koster 30 kr. gange antal varer
  (kryds af hvis du henter selv)
  <input name="fragt" type="checkbox" value="" checked onClick="tael()" >
<br><br> 


<input type=text max=7 name="ialt"><br>

<input value="Send" type="submit">

</form>
Avatar billede comeback Nybegynder
15. april 2004 - 11:40 #4
Jeg har lavet lidt formatering på det hele og rettet lidt hist og her. Nu har jeg det næsten som jge gerne vil have det... Men hvis man vælger 13 varer så kommer man til at betal for to gange "stor" fragt...det skal jo kun være 1 gange stor fragt  + en lille...

Det er phoenixv eksempel jeg har taget udgangs punkt i! Og det bud er helt suverænt og lige det jeg ledte efter!

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-size: 12px}
.style4 {font-size: 14px}
body {
    background-color: #333333;
}
body,td,th {
    color: #FFFFFF;
}
-->
</style>
<script type="text/javascript">
varer = new Array();
varer["vare1"] = 60; //Prisen på vare 1
varer["vare2"] = 60; //Prisen på vare 2
varer["vare3"] = 60; //Prisen på vare 3
varer["vare1 i kasse(r)"] = 55; //Prisen på
varer["vare2 i kasse(r)"] = 55; //Prisen på vare 2
varer["vare3 i kasse(r)"] = 55; //Prisen på vare 3
function tael(frm) {
  n = 0;
  t = 0;
  str = "Samlet indkøb:\n\n";
  for (i = 0; i < frm.elements.length; i++) {
    elm = frm.elements[i];
    if (elm.type == "select-one") {
      ant = parseInt(elm.options[elm.selectedIndex].value, 10);
      if (ant > 0) {
        n += ant;
        vt = ant * varer[elm.name];
        str += ant + " stk. " + elm.name + " koster " + vt + " kr.\n";
        t += vt;
      }
    }
  }
  if (t != 0) {
    if (frm.fragt.checked) {
      if (n > 11) {//hvis der er mere end 12 varer
      fr = Math.ceil(n / 12) * 85; //60 er prisen pr. varer
      t += fr;
      str += "\nFragten bliver: " + fr + " kr.\n";
      }
      else {//Hvis der er mindre end 12 varer
      fr = Math.ceil(n / 6) * 60; //60 er prisen pr. varer
      t += fr;
      str += "\nFragten bliver: " + fr + " kr.\n";
}
    }
    return confirm(str + "\nI alt: " + t + " kr.\n\nØnsker De at bestille/acceptere?");
  }
  else {
    alert("Husk at vælge nogle varer.");
    return false;
  }
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>
<form class="style1" onsubmit="return tael(this);">
  <table  border="0">
      <tr>
        <td width="160"><span class="style3"><strong>M&aelig;rke:</strong></span></td>
        <td width="150"><span class="style3"><strong>flasker:</strong></span></td>
        <td width="130"><span class="style3"><strong>Kasse med 12</strong></span></td>
      </tr>
      <tr>
        <td><span class="style3">vare1</span></td>
        <td><select name="vare1">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare1 i kasse(r)">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare2</span></td>
        <td><select name="vare2">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare2 i kasse(r)">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare3</span></td>
        <td><select name="vare3">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare3 i kasse(r)">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
    </table>
    <p>
  Fragt koster 85 for en kasse med 12 varer og 60 for en kasse med 1-6 varer
    <input name="fragt" type="checkbox" value="" checked><br>
  <span class="style3">Fjern markering hvis du ikke skal betale fragt**
  </span><br> 
      <input name="send" type="submit"  value="Se samlet pris">
      <input name="send" type="submit"  value="Bestil">
    </p>
    </form>
</body>
</html>
Avatar billede helle_fred Nybegynder
15. april 2004 - 11:42 #5
<script>
function tael(){
  var fragt=0
  v1=document.f.vare1.selectedIndex; p1=v1*10
  v2=document.f.vare2.selectedIndex; p2=v2*20
  v3=document.f.vare3.selectedIndex; p3=v3*30
  enheder=v1+v2+v3
  fragt=0
  if(!document.f.fragt.checked)fragt=enheder*30
  ialt=p1+p2+p3+fragt
document.f.ialt.value=ialt}

function udskriv(){
  var fragt=0
  v1=document.f.vare1.selectedIndex; p1=v1*10
  v2=document.f.vare2.selectedIndex; p2=v2*20
  v3=document.f.vare3.selectedIndex; p3=v3*30
  enheder=v1+v2+v3
  fragt=0
  if(!document.f.fragt.checked)fragt=enheder*30
  ialt=p1+p2+p3+fragt
  if(ialt>0)document.write("<table border='0' align='center'><tr><td colspan=2><b>Regning:<br></td></tr>")
 
  if(v1>0)document.write("<tr><td>"+v1 +" antal á 10 kr: </td><td align='right'>"+p1+"</td></tr>");
  if(v2>0)document.write("<tr><td>"+v2 +" antal á 20 kr: </td><td align='right'>"+p2+"</td></tr>");
  if(v3>0)document.write("<tr><td>"+v3 +" antal á 30 kr: </td><td align='right'>"+p3+"</td></tr>");
  if(fragt>0)document.write("<tr><td>fragt for "+enheder+" enheder á 30 kr:</td><td align='right'> "+fragt+"</td></tr>");
  if(ialt>0){
      document.write("<tr><td colspan=2>______________________</td></tr>")
      document.write("<tr><td><br>ialt at betale :</td><td align='right'><br>"+ialt+"</td></tr></table>")
    }
document.write("<input value='tilbage' type='button' onClick='history.go(-1)'>")
}



</script>

<form name="f"  >

10 kr. pr stk.
    <select name="vare1" onChange="tael()" >
      <option value="0">0</option>
      <option value="1">1</option>
      <option value="2">2</option>
      <option value="3">3</option>
      <option value="4">4</option>
      <option value="5">5</option>
      <option value="6">6</option>
      <option value="7">7</option>
      <option value="8">8</option>
      <option value="9">9</option>
      <option value="10">10</option>
      <option value="11">11</option>
      <option value="12">12</option>
    </select>
    <br>
  20 kr. pr stk.
  <select name="vare2" onChange="tael()"  >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  <br>
30 kr. pr. stk
  <select name="vare3"onChange="tael()"  >
    <option value="0">0</option>
    <option value="1">1</option>
    <option value="2">2</option>
    <option value="3">3</option>
    <option value="4">4</option>
    <option value="5">5</option>
    <option value="6">6</option>
    <option value="7">7</option>
    <option value="8">8</option>
    <option value="9">9</option>
    <option value="10">10</option>
    <option value="11">11</option>
    <option value="12">12</option>
  </select>
  <br>
  Fragt koster 30 kr. gange antal varer
  (kryds af hvis du henter selv)
  <input name="fragt" type="checkbox" value="" checked >

<br><br> 


<input type=text max=7 name="ialt"><br>

<input value="Udskriv regning" type="button" onClick="udskriv()">

</form>
Avatar billede comeback Nybegynder
15. april 2004 - 12:12 #6
Det ser også meget godt ud 'helle_fred'

Kunne man ikke kombinerer det sidste jeg skrev og din "udskriv regning" ?
Avatar billede Slettet bruger
15. april 2004 - 12:21 #7
Hvad mener du præcist med "stor" og "lille" fragt?
Avatar billede comeback Nybegynder
15. april 2004 - 12:30 #8
Hvis man skal have mere end 12 varer så kan 12 varer gå i en stor kasse til 85 kr - Det er stor fragt. Hvor i mod alt under 12 skal pakkes i i en lille kasse med max 6 varer i. det koster 60 kr. Det er lille fragt...

Har jeg forklaret det fortsåeligt ?
Avatar billede Slettet bruger
15. april 2004 - 12:33 #9
Så dvs. 15 pakker skal sendes i én stor og én lille kasse?
Avatar billede Slettet bruger
15. april 2004 - 12:33 #10
Og 25 skal sendes i to store og én lille?
Avatar billede comeback Nybegynder
15. april 2004 - 12:39 #11
Nemlig! og fragt prisen er så 2 gange 85 + 1 gange 60
Avatar billede comeback Nybegynder
15. april 2004 - 12:40 #12
Og fragt prisen er den samme ved 30 ;-)
Avatar billede Slettet bruger
15. april 2004 - 13:11 #13
I scriptet, som du skrev 15/04-2004 11:40:49, skal du ændre dette:

if (frm.fragt.checked) {
      if (n > 11) {//hvis der er mere end 12 varer
      fr = Math.ceil(n / 12) * 85; //60 er prisen pr. varer
      t += fr;
      str += "\nFragten bliver: " + fr + " kr.\n";
      }
      else {//Hvis der er mindre end 12 varer
      fr = Math.ceil(n / 6) * 60; //60 er prisen pr. varer
      t += fr;
      str += "\nFragten bliver: " + fr + " kr.\n";
}
    }

... til dette:

    if (frm.fragt.checked) {
        store = Math.floor(n / 12);
        smaa = Math.ceil((n - store * 12) / 6);
        fr = store * 85 + smaa * 60;
        t += fr;
        str += "\nFragt:\n" + store + " kasser à 85 kr./stk. og " + smaa + " små kasser à 60 kr./stk.: " + fr + " kr.\n";
    }

Så skulle det virke.
Avatar billede comeback Nybegynder
15. april 2004 - 13:25 #14
Det ser fint ud, de 100 p er dine! Det er 50 point yderliger i puljen hvis man  kan sendes videre til en side (Kun hvis man 'confirmer') de skriver en "regning" som i  'helle_fred' skrev tidligere -->15/04-2004 11:42:32
Avatar billede comeback Nybegynder
15. april 2004 - 13:27 #15
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-size: 12px}
.style4 {font-size: 14px}
body {
    background-color: #333333;
}
body,td,th {
    color: #FFFFFF;
}
-->
</style>
<script type="text/javascript">
varer = new Array();
varer["vare1"] = 60; //Prisen på vare 1
varer["vare2"] = 60; //Prisen på vare 2
varer["vare3"] = 60; //Prisen på vare 3
varer["vare1 i kasse(r)"] = 55; //Prisen på
varer["vare2 i kasse(r)"] = 55; //Prisen på vare 2
varer["vare3 i kasse(r)"] = 55; //Prisen på vare 3
function tael(frm) {
  n = 0;
  t = 0;
  str = "Samlet indkøb:\n\n";
  for (i = 0; i < frm.elements.length; i++) {
    elm = frm.elements[i];
    if (elm.type == "select-one") {
      ant = parseInt(elm.options[elm.selectedIndex].value, 10);
      if (ant > 0) {
        n += ant;
        vt = ant * varer[elm.name];
        str += ant + " stk. " + elm.name + " koster " + vt + " kr.\n";
        t += vt;
      }
    }
  }
  if (t != 0) {
      if (frm.fragt.checked) {
        store = Math.floor(n / 12);
        smaa = Math.ceil((n - store * 12) / 6);
        fr = store * 85 + smaa * 60;
        t += fr;
        str += "\nFragt:\n" + store + " kasser med 12 varer i, á 85 kr. \n" + smaa + "  kasser med op til 1-6 varer i,  á 60 kr.: " + fr + " kr.\n";
    }
    return confirm(str + "\nI alt: " + t + " kr.\n\nØnsker De at bestille/acceptere?");
  }
  else {
    alert("Husk at vælge nogle varer.");
    return false;
  }
}
</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>
<form class="style1" onsubmit="return tael(this);">
  <table  border="0">
      <tr>
        <td width="160"><span class="style3"><strong>M&aelig;rke:</strong></span></td>
        <td width="150"><span class="style3"><strong>Varer:</strong></span></td>
        <td width="130"><span class="style3"><strong>Kasse med 12</strong></span></td>
      </tr>
      <tr>
        <td><span class="style3">vare1</span></td>
        <td><select name="vare1">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare1 i kasse(r)">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare2</span></td>
        <td><select name="vare2">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare2 i kasse(r)">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare3</span></td>
        <td><select name="vare3">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare3 i kasse(r)">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
    </table>
    <p>
  Fragt koster 85 for en kasse med 12 varer og 60 for en kasse med 1-6 varer
    <input name="fragt" type="checkbox" value="" checked><br>
  <span class="style3">Fjern markering hvis du ikke skal betale fragt**
  </span><br> 
      <input name="send" type="submit"  value="Se samlet pris">
      <input name="send" type="submit"  value="Bestil">
    </p>
    </form>
</body>
</html>
Avatar billede Slettet bruger
15. april 2004 - 13:40 #16
Det er godt nok ikke smukt formateret, men det går da an:

Skift:

return confirm(str + "\nI alt: " + t + " kr.\n\nØnsker De at bestille/acceptere?");

... ud med:

    conf = confirm(str + "\nI alt: " + t + " kr.\n\nØnsker De at bestille/acceptere?");
    if (conf) {
      vin = window.open("", "nytVindue", "width=400,height=300");
      vin.document.write(str.replace(/\n/g, "<br>"));
      vin.document.title = "Bestilling";
    }
    return conf;
Avatar billede comeback Nybegynder
15. april 2004 - 14:06 #17
Hmm tanken var bare at brugeren skulle sendes videre ti len side hvor der står "Vi har modtaget din bestilling på: bla bla bla"
Mon det er muligt? det skal være med det script pheonixv allerede har leveret.
Avatar billede helle_fred Nybegynder
15. april 2004 - 15:03 #18
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-size: 12px}
.style4 {font-size: 14px}
body {
    background-color: #333333;
}
body,td,th {
    color: #FFFFFF;
}
-->
</style>
<script type="text/javascript">

function udskriv(){

var fragt=0
  v1=document.f.vare1.selectedIndex; p1=v1*60
  v1k=document.f.vare1k.selectedIndex; p1k=v1k*12*55
  v2=document.f.vare2.selectedIndex; p2=v2*60
  v2k=document.f.vare2k.selectedIndex; p2k=v2k*12*55
  v3=document.f.vare3.selectedIndex; p3=v3*60
  v3k=document.f.vare3k.selectedIndex; p3k=v3k*12*55
  enheder=v1+v2+v3+(v1k*12)+(v2k*12)+v3k*12
  fragt=0
  lille=0
  stor=0
  if(!document.f.fragt.checked){
    stor=Math.floor(enheder/12);
    enheder=enheder-(stor*12);
    lille=Math.floor(enheder/6);
    enheder=enheder-(lille*6);
    if(enheder>0) lille=lille+1;
if(lille>1){stor=stor+1; lille=0}
      fragt=lille*60 +stor*85
  }
  ialt=p1+p2+p3+p1k+p2k+p3k+fragt
  if(ialt>0){
    document.write('<style type="text/css">')
    document.write('body {background-color: #333333;}body,td,th {color: #FFFFFF;}')
    document.write('</style>')
    document.write("<table border='0' align='center'><tr><td colspan=2><b>Regning:<br></td></tr>")
  } 
  if(v1>0)document.write("<tr><td>Vare1: "+v1 +" á 60 kr: </td><td align='right'>"+p1+"</td></tr>");
  if(v1k>0)document.write("<tr><td>Vare1: "+v1k+" kasse(r) med 12 (55 kr/fl): </td><td

align='right'>"+p1k+"</td></tr>");
  if(v2>0)document.write("<tr><td>Vare2: "+v2 +" á 60 kr: </td><td align='right'>"+p2+"</td></tr>");
  if(v2k>0)document.write("<tr><td>Vare2 "+v2k+" kasse(r) med 12: (55 kr/fl): </td><td

align='right'>"+p2k+"</td></tr>");
  if(v3>0)document.write("<tr><td>vare3: "+v3 +" á 60 kr: </td><td align='right'>"+p3+"</td></tr>");
  if(v3k>0)document.write("<tr><td>Vare3 "+v3k+" kasse(r) med 12 (55 kr/fl): </td><td

align='right'>"+p3k+"</td></tr>");
  if(stor>0)
    document.write("<tr><td>"+stor +" store fragtkasser (12 fl) á 85 kr: </td><td

align='right'>"+(stor*85)+"</td></tr>");
  if(lille>0)document.write("<tr><td>1 lille kasse (6 fl) á 60 kr: </td><td

align='right'>"+(lille*60)+"</td></tr>");
  if(ialt>0){
      document.write("<tr><td colspan=2>______________________</td></tr>")
      document.write("<tr><td><br>ialt at betale :</td><td

align='right'><br>"+ialt+"</td></tr></table>")
  }
  document.write("<input value='tilbage' type='button' onClick='history.go(-1)'>")

}



</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>
<form name="f" onsubmit="udskriv()">
  <table  border="0">
      <tr>
        <td width="160"><span class="style3"><strong>M&aelig;rke:</strong></span></td>
        <td width="150"><span class="style3"><strong>flasker:</strong></span></td>
        <td width="130"><span class="style3"><strong>Kasse med 12</strong></span></td>
      </tr>
      <tr>
        <td><span class="style3">vare1</span></td>
        <td><select name="vare1">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare1k">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare2</span></td>
        <td><select name="vare2">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare2k">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare3</span></td>
        <td><select name="vare3">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare3k">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
    </table>
    <p>
  Fragt koster 85 for en kasse med 12 varer og 60 for en kasse med 1-6 varer
    <input name="fragt" type="checkbox" value="" checked><br>
  <span class="style3">Fjern markering hvis du ikke skal betale fragt**
  </span><br> 
      <input name="send" type="submit"  value="Bestil">
    </p>
    </form>
</body>
</html>
Avatar billede comeback Nybegynder
15. april 2004 - 15:16 #19
Det ser spændende ud... Men jeg får en javascript fejl: Linie 49 strengkonstanten er uafsluttet.
Avatar billede comeback Nybegynder
15. april 2004 - 15:41 #20
Fandt selv fejlen(ne)

Jeg takker for Jeres meget fine svar! Point er fordelt således. Håber det er ok med Jer Eller må i lige sige til
Avatar billede comeback Nybegynder
15. april 2004 - 15:42 #21
Her ses det sidste indlæg med fejlene rettet:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title></title>
<style type="text/css">
<!--
.style1 {font-family: Arial, Helvetica, sans-serif}
.style3 {font-size: 12px}
.style4 {font-size: 14px}
body {
    background-color: #333333;
}
body,td,th {
    color: #FFFFFF;
}
-->
</style>
<script type="text/javascript">

function udskriv(){

var fragt=0
  v1=document.f.vare1.selectedIndex; p1=v1*60
  v1k=document.f.vare1k.selectedIndex; p1k=v1k*12*55
  v2=document.f.vare2.selectedIndex; p2=v2*60
  v2k=document.f.vare2k.selectedIndex; p2k=v2k*12*55
  v3=document.f.vare3.selectedIndex; p3=v3*60
  v3k=document.f.vare3k.selectedIndex; p3k=v3k*12*55
  enheder=v1+v2+v3+(v1k*12)+(v2k*12)+v3k*12
  fragt=0
  lille=0
  stor=0
  if(!document.f.fragt.checked){
    stor=Math.floor(enheder/12);
    enheder=enheder-(stor*12);
    lille=Math.floor(enheder/6);
    enheder=enheder-(lille*6);
    if(enheder>0) lille=lille+1;
if(lille>1){stor=stor+1; lille=0}
      fragt=lille*60 +stor*85
  }
  ialt=p1+p2+p3+p1k+p2k+p3k+fragt
  if(ialt>0){
    document.write('<style type="text/css">');
    document.write('body {background-color: #333333;}body,td,th {color: #FFFFFF;}');
    document.write('</style>');
    document.write("<table border='0' align='center'><tr><td colspan=2><b>Regning:<br></td></tr>");
  } 
  if(v1>0)document.write("<tr><td>Vare1: "+v1 +" á 60 kr: </td><td align='right'>"+p1+"</td></tr>");
  if(v1k>0)document.write("<tr><td>Vare1: "+v1k+" kasse(r) med 12 (55 kr/fl): </td><td align='right'>"+p1k+"</td></tr>");
  if(v2>0)document.write("<tr><td>Vare2: "+v2 +" á 60 kr: </td><td align='right'>"+p2+"</td></tr>");
  if(v2k>0)document.write("<tr><td>Vare2 "+v2k+" kasse(r) med 12: (55 kr/fl): </td><td align='right'>"+p2k+"</td></tr>");
  if(v3>0)document.write("<tr><td>vare3: "+v3 +" á 60 kr: </td><td align='right'>"+p3+"</td></tr>");
  if(v3k>0)document.write("<tr><td>Vare3 "+v3k+" kasse(r) med 12 (55 kr/fl): </td><td align='right'>"+p3k+"</td></tr>");
  if(stor>0)document.write("<tr><td>"+stor +" store fragtkasser (12 fl) á 85 kr: </td><td align='right'>"+(stor*85)+"</td></tr>");
  if(lille>0)document.write("<tr><td>1 lille kasse (6 fl) á 60 kr: </td><td align='right'>"+(lille*60)+"</td></tr>");
  if(ialt>0){
  document.write("<tr><td colspan=2>______________________</td></tr>");
  document.write("<tr><td><br>ialt at betale :</td><td align='right'><br>"+ialt+"</td></tr></table>");
  }
  document.write("<input value='tilbage' type='button' onClick='history.go(-1)'>");

}



</script>

<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"></head>

<body>
<form name="f" onsubmit="udskriv()">
  <table  border="0">
      <tr>
        <td width="160"><span class="style3"><strong>M&aelig;rke:</strong></span></td>
        <td width="150"><span class="style3"><strong>flasker:</strong></span></td>
        <td width="130"><span class="style3"><strong>Kasse med 12</strong></span></td>
      </tr>
      <tr>
        <td><span class="style3">vare1</span></td>
        <td><select name="vare1">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare1k">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare2</span></td>
        <td><select name="vare2">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
            <option value="11">11</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare2k">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
      <tr>
        <td><span class="style3">vare3</span></td>
        <td><select name="vare3">
            <option value="0"selected>0</option>
            <option value="1" >1</option>
            <option value="2">2</option>
            <option value="3">3</option>
            <option value="4">4</option>
            <option value="5">5</option>
            <option value="6">6</option>
            <option value="7">7</option>
            <option value="8">8</option>
            <option value="9">9</option>
            <option value="10">10</option>
        </select>
        <span class="style4"> stk. &aacute; kr. 60 </span></td>
        <td><span class="style4">
          <select name="vare3k">
            <option value="0"selected>0</option>
            <option value="12" >1</option>
            <option value="24">2</option>
            <option value="36">3</option>
            <option value="48">4</option>
            <option value="60">5</option>
            <option value="72">6</option>
            <option value="84">7</option>
            <option value="96">8</option>
            <option value="108">9</option>
            <option value="120">10</option>
          </select>
        stk. &aacute; kr. 55 </span></td>
      </tr>
    </table>
    <p>
  Fragt koster 85 for en kasse med 12 varer og 60 for en kasse med 1-6 varer
    <input name="fragt" type="checkbox" value="" checked><br>
  <span class="style3">Fjern markering hvis du ikke skal betale fragt**
  </span><br> 
      <input name="send" type="submit"  value="Bestil">
    </p>
    </form>
</body>
</html>
Avatar billede helle_fred Nybegynder
15. april 2004 - 15:46 #22
men der er et lille problem med checkboksen - når man fjerner regner den fragt, stik imod instruks.
Avatar billede helle_fred Nybegynder
15. april 2004 - 15:48 #23
i funktion udskriv skal sætningen:

if(!document.f.fragt.checked){

erstattes med

if(document.f.fragt.checked){
Avatar billede Slettet bruger
16. april 2004 - 17:29 #24
Så vidt jeg kan se, er det umuligt at sende formularen i helle_freds script. Man kommer muligvis til en "ny" side, men dataene bliver ikke sendt med. Det var derfor, jeg valgte at åbne et popupvindue i stedet for.
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
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.

Opret Log ind

Du kan også logge ind via nedenstående tjenester

Alle kategorier på Eksperten
Seneste spørgsmål Seneste aktivitet
I dag 10:21 Ny printer, men hvilken Af mort1 i Printere
I går 19:41 USB på Linux Af Uvanga i Linux
12/0818:26 Hvilken type mus Af mort1 i PC
11/0813:21 ms Forms Af leahcim i Andet software
10/0821:30 Blokeret på Snapchat? Af LineP i Chat & Messaging
White papers
Flere white papers »