Weeeeelll,, kigger man på den kode jeg har lagt i toppen her så er der noget javascripts som jeg benytter mig af .. Jeg fandt ud af - efter jeg "nattede" at problemet ligger i funktionen calc_all. Den henter data fra
var inpts, divs = gA(gE("cont"), "DIV");
Som er den "yderste" div. som tydeligvis er den der er skrevet og fortalt i den afleverede htmlside. Det gør myMove osse men den leverer en variabel - cont - som jeg ikke kan tilgå - på grund af ignorance og stupiditet.. - Så mine famlende forsøg går ud på at få smasket den variabel cont over til calc_all (subsidært calc_time)= for at beregne på de data der er i variablen.
Lad mig give eksempel - som jeg ser det:
function myMove(elm, dir) {
var newElm, aDivs, cont=gE("cont");
elm = findParObj(elm, "DIV");
newElm = elm.cloneNode(true);
hvor cont = hent alt hvad der står i elementet "cont" i htmldom (går jeg ud fra).
Samme skidt står i calc_all:
var inpts, divs = gA(gE("cont"), "DIV");
Og derfor vil alle beregninger blive lavet på "gamle" data som ikke er blevet flyttet rundt. Så jeg vil gerne have "cont" over til calc_all. No problemo. Variabel:
calc_all(cont);
for derefter i calc_all
inpts[j].value = calc_time(i,cont);
en alert (cont); viser at jeg har fået det hele med.. men hvordan tilgår jeg så lige data i cont fra calc_all eller calc_time?
En alert (cont.getElementById('start_time'+[i]); eller andre futile forsøg er alle gået i vasken.
Hvordan jeg skal give et eksempel udover det jeg har gjort i toppen? Jeg vil gerne give hele koden..
Oh what the helle olesen... here comes:
Her sparer jeg jer for en smule php/db kald:
<html>
<head>
<link rel=stylesheet href='./css/style.css' type='text/css'>
<script type='text/javascript' src='jscript/time_check.js'></script>
<script language="javascript">
<!--
var d=document;
function gE(id){return d.getElementById(id)}
function gA(o,tag){return o.getElementsByTagName(tag)}
function calc_time(n,aDivs)
{
if (n==0)
{
var t1 = gE('start_time'+[n]).value;
}
else if (n>0)
{
var t1 = gE('real_time'+[n-1]).value;
}
var t2 = gE('nom_time'+[n]).value;
if (n==0)
{
var t3 = gE('trans_time'+[n]).value="00:00";
}
else if (n>0)
{
var t3 = gE('trans_time'+[n]).value;
}
tid1 = sek(t1);
tid2 = sek(t2);
tid3 = sek(t3);
if (n==0)
tid = tid1 + tid2;
else
tid = tid1 + tid2 + tid3;
strtidtim = Math.floor(tid/3600);
strtidmin = Math.floor((tid % 3600)/60);
if (strtidtim < 10) strtidtim = "0" + strtidtim;
if (strtidmin < 10) strtidmin = "0" + strtidmin;
return (strtidtim + ":" + strtidmin);
}
function sek(str)
{
tiden = str.slice(0, 2) * 60 * 60;
tiden += str.slice(3, 5) * 60;
return tiden;
}
function calc_all(aDivs)
{
var inpts, divs = gA(gE("cont"), "DIV");
for ( i=0; i<divs.length; i++ )
{
alert (aDivs[i].);
inpts = gA(divs[i], "INPUT");
for ( j=0; j<inpts.length; j++ )
{
if (inpts[j].className=="showTimeInp")
{
inpts[j].value = gE(inpts[j].id).value;
if ( inpts[j].id.replace(/[0-9]/,"") == "real_time")
{
inpts[j].value = calc_time(i,aDivs);
}
}
}
}
}
function findParObj(elm, tag) {
for (i=0; elm.tagName!=tag; elm = elm.parentNode);
return elm;
}
function myMove(elm, dir) {
var newElm, aDivs, cont=gE("cont");
elm = findParObj(elm, "DIV");
newElm = elm.cloneNode(true);
aDivs = gA(cont, "DIV");
if (dir=="up") {
for ( i=1; i<aDivs.length; i++ ) {
if ( aDivs[i]==elm ) {
cont.removeChild(elm);
cont.insertBefore(newElm, gA(cont, "DIV")[i-1]);
}
}
}
else if (dir=="down") {
for ( i=1; i<aDivs.length; i++ ) {
if ( aDivs[i-1]==elm ) {
cont.removeChild(elm);
if (aDivs.length>i) {
cont.insertBefore(newElm, gA(cont, "DIV")[i]);
}
else {
cont.appendChild(newElm);
}
break;
}
}
}
if (navigator.userAgent.toLowerCase().indexOf("opera")==-1) cont.innerHTML = cont.innerHTML + "";
calc_all(aDivs);
}
//-->
</script>
</head>
<body>
<table>
<tr>
<td>Drive Leaf</td>
</tr>
</table>
<form name=push_citizen action=<?=$_SERVER[PHP_SELF];?> method=post>
<div id="cont">
<?
$i=0;
while ($row = mysql_fetch_assoc($res))
{
echo "
<div id='ID_$i'>
<table>
<tr class='header'>
<td colspan=4>
</td>
<td>
First Name
</td>
<td>
Last Name
</td>
<td>
Transport Time
</td>
<td>
Start Time
</td>
<td>
Nom. Time
</td>
<td>
Real Time
</td>
</tr>
<tr>
<td>
<input type=image id='$row[c_id]' name=push_citizen src='/images/Left1.gif' border=0 onclick='sent_citizen_id.value=this.id;'>
</td>
<td>
<input type=image src='/images/Up1.gif' border=0 onclick=\"myMove(this, 'up')\">
<input type=image src='/images/Down1.gif' border=0 onclick=\"myMove(this, 'down')\">
</td>
<td>
<input type=hidden id=citizen_id$i name=citizen_id[] value='$row[c_id]' class='showInxInp'>
</td>
<td>
<input type=hidden id=service_rel_id$i name=service_rel_id[] value='$row[service_rel_id]' class='showInxInp'>
</td>
<td>
<input type=text id=first_name$i name=first_name[] value='$row[c_first_name]' class='showInxInp'>
</td>
<td>
<input type=text id=last_name$i name=last_name[] value='$row[c_last_name]' class='showInxInp'>
</td>
<td>
<input type=text id=trans_time$i name=trans_time[] size=5 value='".(($row[trans_time] != "00:00") ? date("H:i", strtotime($row[trans_time])) : "00:15")."' class='showTimeInp' onchange='this.value=calc_all();'>
</td>
<td>
<input type=text id=start_time$i name=start_time[] size=5 readonly value='".date("H:i", strtotime($row[start_time]))."' class='showTimeInp'>
</td>
<td>
<input type=text id=nom_time$i name=nom_time[] size=5 readonly value='".date("H:i", strtotime($row[nom_time]))."' class='showTimeInp'>
</td>
<td>
<input type=text id=real_time$i name=real_time[] size=5 value='".date("H:i", strtotime($row[real_time]))."' class='showTimeInp' onchange='this.value=calc_all();'>
</td>
</tr>
<tr>
<td colspan=4>
</td>
<td colspan=6>
<textarea id=service_text$i name=service_text[] cols=50 rows=3>$row[service_text]</textarea>
</td>
</tr>
</table>
</div>
";
$i++;
} // end while
?>
</div>
her er osse noget php/db dumpap ting.. ignore at will..
