Tolwin: Liste dynamisch zusammenstellen

Beitrag lesen

Hallo Zusammen,

ich bin JavaScript Einsteiger und habe jetzt schön länger ein Problem für das ich keine Lösung finden kann. Die unten beschriebene Seite soll zur Userverwaltung dienen. Hier soll man die Userkennung und den Usernamen eingeben. Der eingegebene Name soll auf der gleichen Seite in einer Tabelle aufgelistet werden. 5 User zur Berechtigung sollen das Limit sein. Jetzt das Problem - jedes mal wenn ich einen neuen - sprich 2. User eingebe, verschwindet der 1. User. Es soll also eine Liste aus den max 5 User dargestellt werden
und dann per Submit an ein PHP Skript weitergegeben werden. Wie bekomme ich die Liste hin .. kann mir jemand helfen?
Schon vorab vielen Dank und Grüße
Tolwin

<!--
var userNumber = "_";
var userName = "_";
var newUserList = new Array(5);
var count = 0;

function addNewUser()
{
 // ermitteln des Usernamens und der ID
 userNumber = document.getElementById("newNumber").getAttribute('value');
 userName = document.getElementById("newName").getAttribute('value');

if(count<=4)
  {
   newUserList[count] = new Array();
   newUserList[count][0] = userNumber;
   newUserList[count][1] = userName;

document.userForm.pnummer.value = newUserList[count][0];
   document.userForm.name.value    = newUserList[count][1];
   document.userForm.submit();
   count++;
  }
  else
  {
   alert("Es können max. 5 User eingetragen werden");
  }
}

//-->

</script>
</head>
<body>
 <!-- 100% Höhe Tabelle -->
 <table height="100%" border="0" cellpadding="0" cellspacing="0" width="600">
  <tr><td valign="top">
 <table border="0" width="100%" cellspacing="0" cellpadding="0">
  <tr>
   <td width="250">
   <h1 style="margin-bottom:2px;margin-top:0px;">User </h1><br>
   <h3 style="margin-bottom:2px;margin-top:0px;">Neue User hinzufuegen</h3>
      </td>
     </tr>
     <tr><td><br><br></td></tr>
     <tr>
       <td><b>P-Nummer&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;Name, Vorname</b></td>
     </tr>
     <tr>
       <td><input type="text" name="newNumber" value="" size="10" maxlength="7" id="newNumber">&nbsp;&nbsp;&nbsp;&nbsp;
           <input type="text" name="newName"   value="" size="25" maxlength="25" id="newName">
           <button name="b_hinzufuegen" type="button" onclick="addNewUser()" style="cursor:hand; padding:0px; border-style:none; background-color:#FFFFFF;"><img src="/public/icons/application_buttons/b_hinzufuegen.gif" border="0" alt="hinzufuegen"></button></td>
     </tr>
     <tr>
       <td><br><br>
       <!-- ######################### -->
       <!-- Begin der Tabelle mit neuen Usern -->
       <table border="0" width="100%" cellspacing="0" cellpadding="0">
        <tr>
        <td colspan="5">
         <b>Liste der neuen User</b>
          </td>
          <td></td>
     </tr>
     <tr>
       <td colspan="5">
         <hr width="100%" size="1">
          </td>
     </tr>
     <tr class="TabMittelgrau">
       <td width="3px" bgcolor="white"></td>
       <td>
         <h2>User-ID</h2>
          </td>
          <td width="3px" bgcolor="white"></td>
          <td>
         <h2>Username (Name, Vorname)</h2>
          </td>
     </tr>
     <tr></tr>
     <form name="userForm" action="<?php $PHP_SELF ?>" method="POST">
      <input type="hidden" name=pnummer value="">
      <input type="hidden" name=name value="">

<?php

/*if($pnummer) {
          $smbUsersClass->addNewSmbUser($pnummer, $name);
         }*/
     ?>
      <tr>
         <td width="3px"></td>
         <td class="TabHellgrau" width="50%">

<p style="background-color:"><b style="color:red">&nbsp;<?=  $pnummer ?></b></p></td><td width="3px"></td><td class="TabHellgrau"><p><b style="color:red">&nbsp;<?= $name ?></b></p>
            </td>
            <td width="3px"></td>
         </tr>

</form>
        <tr>
       <td colspan="5">
         <hr width="100%" size="1">
          </td>
     </tr>
     <tr>
       <td align="right" colspan="5">
        <button name="b_bestaetigen" type="button" onclick="addNewUser()" style="cursor:hand; padding:0px; border-style:none; background-color:#FFFFFF;"><img src="/public/icons/application_buttons/b_bestaetigen.gif" border="0" alt="bestätigen"></button></td>
     </table>
       </td>
    </tr>
   </table>
   </td>
  </tr>
 </table>
 </body>
</html>