position:relative; og offsetParent...
Ret lige type="text" til type="image" i nedenstående test.
Funktionen kan også skrives på en linje som
function fjernrate(tn){
tn.offsetParent.offsetParent.removeChild(tn.offsetParent);
}
... den bliver dog ikke meget kortere...
P.s.: Der bygges kun på at elementerne er placeret i et position:relative; element der igen er placeret i et position:relative; element samt (this) henvisningen til knappen - name på knappen bygges der ikke på...
<!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>
<style type="text/css">
</style>
<script type="text/javascript">
function fjernrate(tn){
a=tn.offsetParent;
b=a.offsetParent;
b.removeChild(a);
}
</script>
</head><body>
<div style="position:relative;">
<div id='rate_skabelon' style="position:relative;">
<span style='width:80px'><input type='text' name='fra[1]' style='width:60px;text-align:right'> g</span>
<span style='width:80px'><input type='text' name='til[1]' style='width:60px;text-align:right'> g</span>
<span style='width:80px'><input type='text' name='pris[1]' style='width:60px;text-align:right'> kr.</span>
<input type='text' src='../_grafik/delete.gif' name='fjern[1]' value='Fjern' onClick='fjernrate(this);return false' style='height:10px'>
</div>
<div id='rate_skabelon2' style="position:relative;">
<span style='width:80px'><input type='text' name='fra[1]' style='width:60px;text-align:right'> g</span>
<span style='width:80px'><input type='text' name='til[1]' style='width:60px;text-align:right'> g</span>
<span style='width:80px'><input type='text' name='pris[1]' style='width:60px;text-align:right'> kr.</span>
<input type='text' src='../_grafik/delete.gif' name='fjern[1]' value='Fjern' onClick='fjernrate(this);return false' style='height:10px'>
</div>
</div>
</body></html>
