Avatar billede 3z Nybegynder
04. oktober 2004 - 19:14 Der er 11 kommentarer

Flere felter ved brug af TAB

Hej,

Jeg har et måske lidt kryptisk spørgsmål og ved ikke helt i hvilken kategori jeg skal placere det, så jeg prøver her...

Jeg har en ASP side med en række text input felter og ønsker nu at lave siden lidt mere dynamisk. Det skal være sådan at når jeg har været igennem liniens 5 felter og trykker TAB efter indtastning i sidste felt, så skal der fremkomme en ny linie med input felter ?! Er det til at forstå hvad jeg mener ?!

Det kunne også være ved tryk på en knap i slutningen af linien, men helst blot ved tryk på TAB efter endt indtastning...

Giver gerne gode point, da jeg virkelig skal bruge det her !
Avatar billede jonashn Nybegynder
04. oktober 2004 - 19:32 #1
kan jeg få hele koden
Avatar billede jonashn Nybegynder
04. oktober 2004 - 19:41 #2
lukker
Avatar billede jonashn Nybegynder
04. oktober 2004 - 19:41 #3
går nu
Avatar billede 3z Nybegynder
04. oktober 2004 - 19:48 #4
Jeg har ingen kode - det er blot nogle input felter ???
Avatar billede jonashn Nybegynder
04. oktober 2004 - 19:48 #5
er der igen
er her igen du kan sige:
(dette er 5. linie)<input type="text" onkeypress="if (event.keyCode==9) document.getElementById("RestenAfFormen").visibility='visible'">

(dette er det der fremkommer ved TABtryk)
<div id="RestenAfFormen">(diverse formfelter)</div>
Avatar billede 3z Nybegynder
04. oktober 2004 - 19:55 #6
Der sker desværre ikke en meter. Der står bare (diverse formfelter) på næste linie når man åbner siden og sker ikke yderligere...

Jeg ved selvf. godt jeg skal indsætte flere input felter i DIV tag'et, men det der står i div tag'et skulle jo ikke gerne vises fra starten.
Avatar billede jonashn Nybegynder
04. oktober 2004 - 19:58 #7
det glemte jeg : <div id="RestenAfFormen" style="visibility: hidden;">
er nødt til at gå nu
Avatar billede 3z Nybegynder
04. oktober 2004 - 20:00 #8
virker ikke - script fejl siger den i statuslinien
Avatar billede 3z Nybegynder
04. oktober 2004 - 20:02 #9
er pga. den tror onkeypress er slut ved "RestenAfFormen" nok fordi der står " - kan det ændres til noget andet ?
Avatar billede 3z Nybegynder
04. oktober 2004 - 20:04 #10
hmm virker heller ikke med '
Avatar billede roenving Novice
05. oktober 2004 - 11:49 #11
En helt anden indgangsvinkel:

<script type="text/javascript">
function nyRaekke(elm){
  var td = elm.parentNode;
  var tr = td.parentNode;
  var actNum = tr.firstChild.innerHTML.match(/\d+$/)[0];
  var newNum = +actNum + 1;
  var newTr = tr.cloneNode(true);
  newTr.firstChild.innerHTML = "Række " + newNum;
  //alert(newTr.innerHTML);
  var reg = new RegExp("\\_"+actNum,"g")
  var nTd = newTr.childNodes;
  for(i=1;6>i;i++){
    if(nTd[i].tagName){
      nTd[i].innerHTML = nTd[i].innerHTML.replace(reg,"_"+newNum);
    }
  }
  document.getElementById('minTabel').appendChild(newTr);
}
</script>

<form action="" method="post">
<table>
  <tbody id="minTabel">
    <tr>
      <td>
        Række Nr.</td>
      <td>
        Første input</td>
      <td>
        Andet input</td>
      <td>
        Tredje input</td>
      <td>
        Fjerde input</td>
      <td>
        Femte input</td>
      <td>
        Indsæt ny række</td>
    </tr>
    <tr>
      <td>
        Række 1</td>
      <td>
        <input name="input1_1" type="text"></td>
      <td>
        <input name="input2_1" type="text"></td>
      <td>
        <input name="input3_1" type="text"></td>
      <td>
        <input name="input4_1" type="text"></td>
      <td>
        <input name="input5_1" type="text"></td>
      <td>
        <input type="button" onclick="nyRaekke(this);return false;" value="Indsæt ny"></td>
    </tr>
  </tbody>
</table>
</form>
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