Clear field

Der er selvfølgelig også noget her, men stadig kun for et felt!

http://www.java-scripts.net/javascripts/Field-Clear-Script.phtml

<ole>

Når man ikke kender reglerne for, hvad der skal slettes og ikke, lyder det ikke 'dynamisk', men 'kaotisk'. Der må være noget mere info, du kan give  :)

/mvh
</bole>

Jeg har fem felter i en table-row, der hænger sammen. Når siden loader er der default data i felterne, og dem kan det være man gerne vil slette. Og så skal alle felter tømmes på en gang.

Derudover kan der være et vilkårligt antal af disse rækker, da de bliver genereret i en while-løkke.

Du er nødt til at vise koden, så man kan se, hvordan det skal løses. Felterne må f.eks. have nogle navne og/eller ID'er - og dem skal vi muligvis bruge i løsningen

Her er lidt kode...

<tr>
    <td width="108">
    <input type="text" id="cliche1" name="cliche1" value="" onkeyup="ajax_showOptions(this,'getClichesByLetters',event)"></td>
    <td valign="top" width="117">
    <input type="text" id="ink1" name="ink1" value="" onkeyup="ajax_showOptions(this,'getInksByLetters',event)">
    </td>
    <td valign="top">
    <input type="text" id="ink1_hidden" name="ink1_ID">
    </td>
    <td>
        <input type="text" id="cliche1_hidden" name="cliche1_ID"></td>
    <td><input type="text" name="IMENDT1" size="20"></td>
    <td>Clear</td>
  </tr>
  <tr>
    <td width="108">
    <div>
    <input type="text" id="cliche2" name="cliche2" value="" onkeyup="ajax_showOptions(this,'getClichesByLetters',event)">
    </td>
    <td width="117">
        <input type="text" id="ink2" name="ink2" value="" onkeyup="ajax_showOptions(this,'getInksByLetters',event)">
    </td>
    <td>
        <input type="text" id="ink2_hidden" name="ink2_ID">
    </td>
    <td>
        <input type="text" id="cliche2_hidden" name="cliche2_ID">
    </td>
    </div>
    <td><input type="text" name="IMENDT2" size="20"></td>
    <td>Clear</td>
  </tr>
  <tr>
    <td width="108">
    <div>
    <input type="text" id="cliche3" name="cliche3" value="" onkeyup="ajax_showOptions(this,'getClichesByLetters',event)">
    </td>
    <td width="117">
        <input type="text" id="ink3" name="ink3" value="" onkeyup="ajax_showOptions(this,'getInksByLetters',event)"></td>
    <td>
        <input type="text" id="ink3_hidden" name="ink3_ID"></td>
    <td>
        <input type="text" id="cliche3_hidden" name="cliche3_ID">
    </td>
    </div>
    <td><input type="text" name="IMENDT3" size="20"></td>
    <td>Clear</td>
  </tr>

<tr>
    <td width="108">
    <div>
    <input type="text" id="cliche4" name="cliche4" value="" onkeyup="ajax_showOptions(this,'getClichesByLetters',event)">
    </td>
    <td width="117">
        <input type="text" id="ink4" name="ink4" value="" onkeyup="ajax_showOptions(this,'getInksByLetters',event)"></td>
    <td>
        <input type="text" id="ink4_hidden" name="ink4_ID"></td>
    <td>
        <input type="text" id="cliche4_hidden" name="cliche4_ID">
    </td>
    </div>
    <td><input type="text" name="IMENDT4" size="20"></td>
    <td>Clear</td>
  </tr>

<input name="Test" type="text" onfocus="clearRow(this);">

<script type="text/javascript">
function getParent(elm,tN){
  var parElm = elm.parentNode;
  while(parElm.tagName.toLowerCase() != tN.toLowerCase())
    parElm = parElm.parentNode;
  return parElm;
}
function clearRow(elm){
  var row = getParent(elm,"tr");
  var inps = row.getElementsByTagName("input");
  for(i=0,im=inps.length;im>i;i++){
    if(inps[i].type=="text")
      inps[i].value = "";
  }
}
</script>

Damn thats gooood. Smid et svar roenving!

Velbekomme '-)

-- og tak for point ;~}