Avatar billede JenZen Novice
23. september 2006 - 23:51 Der er 6 kommentarer og
1 løsning

Endnu en beregning i formular

Jeg har nogle data der bliver spyttet ud i nedenstående kode, jeg skal bruge et js der kan sammenlægge alle disse tal i det formfelt der hedder ToTotalTimer.
Hvor mange felter den skal ligge sammen skal være uendelig, hvis ej muligt da op til 200.

Alle de felter der skal ligge sammen er i minutter / timer og felter hedder OTotalTimer, OTotalTimer1, OTotalTimer2 etc.

Nedenstående er den kode der blive output, i dette tilfælde:
<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>
   
   

    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer1" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

   

    <tr>
        <td width="70"><font face="Verdana" size="1">04-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">16:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer2" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="01:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

   

    <tr>
        <td width="70"><font face="Verdana" size="1">05-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer3" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="02:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

   

    <tr>
        <td width="70"><font face="Verdana" size="1">14-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">13:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer4" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="03:00"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

   

    <tr>
        <td width="70"><font face="Verdana" size="1">10-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">14:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer5" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="03:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

   

    <tr>
        <td width="70"><font face="Verdana" size="1">12-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer6" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

   

    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>
Avatar billede mclemens Nybegynder
24. september 2006 - 00:54 #1
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>


<script type="text/javascript">

if(window.addEventListener)window.addEventListener("load", wload, false);
else if(window.attachEvent)window.attachEvent("onload", wload);

function wload(){

  var time=min=0;

  for(i=1;tn=document.getElementsByName("OTotalTimer"+i)[0];i++){
    vals=tn.getAttribute("value");
    vals=vals.split(":");
    time+=parseInt(vals[0]);
    min+=parseInt(vals[1]);
  }
    time+=Math.floor(min/60);
    min=min%60;

    document.getElementsByName("ToTotalTimer")[0].setAttribute("value",((time<10)?"0"+time:time)+":"+((min<10)?"0"+min:min));

}

</script>

</head><body>
<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>
 
 

    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer1" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">04-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">16:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer2" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="01:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">05-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer3" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="02:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">14-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">13:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer4" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="03:00"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">10-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">14:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer5" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="03:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">12-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer6" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer7" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>
</body></html>
Avatar billede JenZen Novice
24. september 2006 - 02:35 #2
Hej MClemens, den fejler lidt prøv evt at se nedenstående.:

<script type="text/javascript">

if(window.addEventListener)window.addEventListener("load", wload, false);
else if(window.attachEvent)window.attachEvent("onload", wload);

function wload(){

  var time=min=0;

  for(i=1;tn=document.getElementsByName("OTotalTimer"+i)[0];i++){
    vals=tn.getAttribute("value");
    vals=vals.split(":");
    time+=parseInt(vals[0]);
    min+=parseInt(vals[1]);
  }
    time+=Math.floor(min/60);
    min=min%60;

    document.getElementsByName("ToTotalTimer")[0].setAttribute("value",((time<10)?"0"+time:time)+":"+((min<10)?"0"+min:min));

}

</script>
<body>
<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>
 
 

    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer1" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>

 

    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>
</body></html>
Avatar billede mclemens Nybegynder
24. september 2006 - 10:08 #3
Åh, ja sov vist lidt :)

... Scriptet har lige fået et slag ...

- Og så fortløbende nummerering af input felterne
(OTotalTimer1 og OTotalTimer2 istedet for OTotalTimer1 og OTotalTimer)




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head>

<script type="text/javascript">

if(window.addEventListener)window.addEventListener("load", wload, false);
else if(window.attachEvent)window.attachEvent("onload", wload);

function wload(){

  var time=min=0;

  for(i=1;tn=document.getElementsByName("OTotalTimer"+i)[0];i++){
    vals=tn.getAttribute("value");
    vals=vals.split(":");
    for(j=0;j<2;j++)vals[j]=(vals[j].indexOf("0")==0)?vals[j].substr(1):vals[j];
    time+=parseInt(vals[0]);
    min+=parseInt(vals[1]);
  }
    time+=Math.floor(min/60);
    min=min%60;

    document.getElementsByName("ToTotalTimer")[0].setAttribute("value",((time<10)?"0"+time:time)+":"+((min<10)?"0"+min:min));

}

</script>
<body>
<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer1" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer2" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>
</body></html>
Avatar billede mclemens Nybegynder
24. september 2006 - 10:14 #4
Hvis fortløbende nummering giver problemer kan denne "måske" bruges:






<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head>

<script type="text/javascript">

if(window.addEventListener)window.addEventListener("load", wload, false);
else if(window.attachEvent)window.attachEvent("onload", wload);

function wload(){

  var time=min=0;
  inps=document.getElementsByTagName("input")
  for(i=1,i2=inps.length;i<i2;i++){
    if(inps[i].getAttribute("name").indexOf("OTotalTimer")==0){
      vals=inps[i].getAttribute("value");
      vals=vals.split(":");
      for(j=0;j<2;j++)vals[j]=(vals[j].indexOf("0")==0)?vals[j].substr(1):vals[j];
      time+=parseInt(vals[0]);
      min+=parseInt(vals[1]);
    }
  }
    time+=Math.floor(min/60);
    min=min%60;

    document.getElementsByName("ToTotalTimer")[0].setAttribute("value",((time<10)?"0"+time:time)+":"+((min<10)?"0"+min:min));

}

</script>
<body>
<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer5423e5423546371" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer23425234525" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>
</body></html>
Avatar billede mclemens Nybegynder
24. september 2006 - 13:26 #5
for(j=0;j<2;j++)vals[j]=(vals[j].indexOf("0")==0)?vals[j].substr(1):vals[j]; 

i både 10:08:40 og 10:14:39 bør rettes til:

for(j=0;j<2;j++)if(vals[j].length>1)vals[j]=(vals[j].indexOf("0")==0)?vals[j].substr(1):vals[j];

(ellers gav den fejl ved f.eks.: 0:30)
Avatar billede JenZen Novice
24. september 2006 - 19:44 #6
Helt perfekt, du skulle vel ikke kunne fortælle mig hvordan den skulle se ud hvis det ikke er timer men blot tal den skal sammenlægge.
Avatar billede mclemens Nybegynder
24. september 2006 - 20:05 #7
Tak for point :)

Tal kan gøres som her:
(name kan ændres i input's men, husk i funktionen også)



<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head>

<script type="text/javascript">

if(window.addEventListener)window.addEventListener("load", wload, false);
else if(window.attachEvent)window.attachEvent("onload", wload);

function wload(){

  var vals=0;
  inps=document.getElementsByTagName("input")

  for(i=1,i2=inps.length;i<i2;i++){

    if(inps[i].getAttribute("name").indexOf("laegligedemhersammen")==0)vals+=parseInt(inps[i].getAttribute("value"));
  }

    document.getElementsByName("samletresultat")[0].setAttribute("value",vals);

}

</script>
<body>
<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="samletresultat" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="laegligedemhersammen5423e5423546371" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="123"></font></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="laegligedemhersammen2342524525" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="321"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>
</body></html>








... hvis du ikke kører xhtml kan scriptet se sådan her ud:

<script type="text/javascript">

window.onload=function(){

  var vals=0;
  inps=document.getElementsByTagName("input")

  for(i=1,i2=inps.length;i<i2;i++){

    if(inps[i].name.indexOf("laegligedemhersammen")==0)vals+=parseInt(inps[i].value);
  }

    document.getElementsByName("samletresultat")[0].value=vals;

}

</script>


...


Hvis den er omsluttet af en formular kan det hele forkortes en tand:
(nedenstående er lavet til ikke xhtml ... sig lige hvis jeg skal spamme de
xhtml forkortede scripts af mig også :) )


første kode i dette indlæg uden xhtml men lagt i en ydre form:

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head>

<script type="text/javascript">

window.onload=function(){

  var vals=0;
  f=document.formnavn;
  inps=f.getElementsByTagName("input")

  for(i=1,i2=inps.length;i<i2;i++){

    if(inps[i].name.indexOf("laegligedemhersammen")==0)vals+=parseInt(inps[i].value);
  }

    f.samletresultat.value=vals;

}

</script>
<body>




<form name="formnavn">

... resten af eksemplet der står først i dette indlæg

</form>


</body></html>







den i 10:14:39 uden xhtml i indre form:


<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head>

<script type="text/javascript">



window.onload=function(){

  var time=min=0;
  var f=document.formnavn;
  inps=f.getElementsByTagName("input")
  for(i=1,i2=inps.length;i<i2;i++){
    if(inps[i].name.indexOf("OTotalTimer")==0){
      vals=inps[i].value;
      vals=vals.split(":");
      for(j=0;j<2;j++)vals[j]=(vals[j].indexOf("0")==0)?vals[j].substr(1):vals[j];
      time+=parseInt(vals[0]);
      min+=parseInt(vals[1]);
    }
  }
    time+=Math.floor(min/60);
    min=min%60;

    f.ToTotalTimer.value=(((time<10)?"0"+time:time)+":"+((min<10)?"0"+min:min));

}

</script>
<body>

<form name="formnavn">

<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer5423e5423546371" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer23425234525" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>


</form>
</body></html>






og den i 24/09-2006 10:08:40 uden xhtml i indre form




<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head><meta http-equiv="content-type" content="text/html; charset=iso-8859-1"><title>Ingen titel</title>

</head>

<script type="text/javascript">




window.onload=function(){

  var time=min=0;
  var f=document.formnavn;

  for(i=1;tn=f["OTotalTimer"+i];i++){
    vals=tn.value;
    vals=vals.split(":");
    for(j=0;j<2;j++)vals[j]=(vals[j].indexOf("0")==0)?vals[j].substr(1):vals[j];
    time+=parseInt(vals[0]);
    min+=parseInt(vals[1]);
  }
    time+=Math.floor(min/60);
    min=min%60;

    f.ToTotalTimer.value=(((time<10)?"0"+time:time)+":"+((min<10)?"0"+min:min));

}

</script>
<body>


<form name="formnavn">


<table border="0">
    <tr>
        <td width="360"><b>
        <font color="#99ccff" face="Trebuchet MS" size="2">&#9642; </font>
        <font face="Verdana" size="2">Total Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="110" bgcolor="#99CCFF"><b>
        <font size="1" face="Verdana">Total Antal Timer:</font></b></td>
    </tr>
    <tr>
        <td width="110">
        <input type="text" name="ToTotalTimer" size="15" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF"></td>
    </tr>
    </table>
<br>

<table border="0" width="100%">
    <tr>
        <td colspan="4"><b><font color="#99ccff" face="Trebuchet MS" size="2">&#9642;
        </font><font face="Verdana" size="2">Oversigt</font></b></td>
    </tr>
    <tr>
        <td width="70" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Dato</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Fra</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Til</font></b></td>
        <td width="40" bgcolor="#99CCFF"><b>
        <font face="Verdana" size="1">Total</font></b></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">03-08-2006</font></td>
        <td width="40"><font face="Verdana" size="1">12:30</font></td>
        <td width="40"><font face="Verdana" size="1">22:00</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer1" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="09:30"></font></td>
    </tr>



    <tr>
        <td width="70"><font face="Verdana" size="1">15-09-2006</font></td>
        <td width="40"><font face="Verdana" size="1">10:00</font></td>
        <td width="40"><font face="Verdana" size="1">17:30</font></td>
        <td width="40"><font face="Verdana" size="1">
        <input type="text" name="OTotalTimer2" size="8" style="font-family: Verdana; font-size: 10px; color: #000000; border-style: solid; border-width: 0px; background-color: #FFFFFF" value="07:30"></font></td>
    </tr>
    <tr>
        <td colspan="4" bgcolor="#000000" height="1"></td>
    </tr>



</table>

</form>

</body></html>





.... Hvis det var xhtml så sig lige til hvis jeg skal
tilrette et eksempel til at virke via form'en istedet ...
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
Vi tilbyder markedets bedste kurser inden for webudvikling

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