Rettelse til "tilføj input-felt"-script
Hej Eksperter.Jeg er støt på dette nyttige script, som gør det muligt at tilføje X input felter når man klikker på "udvid form"
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<title>Tilføj række i form/tabel</title>
<meta name="keywords" content="roenving,http://exp.dk/spm/666830">
<meta name="Generator" content="Stone's WebWriter 4">
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
<script type="text/javascript">
function addRow(elm){
var tb = getParent(elm,"tbody");
var tr = tb.getElementsByTagName("tr")[0];
var nyTr = tr.cloneNode(true);
var inps = nyTr.getElementsByTagName("input");
for(i=0;inps.length>i;i++){
if(inps[i].type == "text")
inps[i].value = "";
}
var submitRow = getParent(elm, "tr");
tb.insertBefore(nyTr,submitRow);
}
function deleteRow(elm){
var tb = getParent(elm,"tbody");
var trs = tb.getElementsByTagName("tr");
if(3>trs.length)
return;
for(i=trs.length-2;i>0;i--){
if(trs[i].getElementsByTagName("input")[2].checked)
tb.removeChild(trs[i]);
}
}
function getParent(elm,TagName){
var parElm = elm.parentNode;
while(parElm.tagName.toLowerCase() != TagName.toLowerCase())
parElm = parElm.parentNode;
return parElm;
}
</script>
</head>
<body>
<form action="" method="post" name="myForm">
<table width="400" border="1">
<tr>
<td><input name="firstname" type="text"></td>
<td><input name="lastname" type="text"></td>
<td>Slet: <input name="slet" type="checkbox" value="delet"></td>
</tr>
<tr>
<td><input name="addfield" type="button" value="Udvid form" onclick="addRow(this);return false;"><br>
<input name="deletefield" type="button" value="Slet markeret række" onclick="deleteRow(this);return false;"></td>
<td><input name="submit" type="submit" value="OK"></td>
<td></td>
</tr>
</table>
</form>
</body>
</html>
Jeg kunne dog godt tænke mig nogen rettelse, uden jeg selv umeldbart er i stand til at udføre dem.
1. Kan man gøre sådan at slet knappen bliver et stykke tekst i stedet "[Slet]", som sletter input-felterne med det samme. Så man ikke behøver og trykker på submit knappen.
2. Som scriptet er nu vises første input felt allerede når man kommer ind på siden. Er det muligt at vente med at vise dette til man klikker på "udvid form" første gang?
3. Det er ikke muligt at slette det første input felt? Kan det gøres muligt?
Puha, en ordentlig omgang, håber at nogen kan hjælpe.
Med venlig hilsen
Peter
