Névjegykártya rendezés

Az ehhez hasonló adatbázis nem bonyolult.
De, tartós adattároláshoz mindegy, hogy milyen programot, adatbázist is alkalmazunk, azok adattal történő feltöltését billentyűzetről kell megoldani, azaz, adatok önmaguktól nem töltődnek fel.
Az ilyen objektumokkal egyszerűen kezelhetünk, nagymennyiségű adatot (rekordot) tartalmazó, adatbázis-kiszolgálóról származó adatokat (rekordokat)

JavaScript programunk előnye:
Nem kell szerveroldali feldolgozás és adattárolás.
Minden böngészőprogrammal lekérdezhető, internet használata nélkül is.

JavaScript hátránya:
Űrlapos adatbevitelnél, nem megoldható a tartós adattárolás.
Minden szükséges adatot, előre be kell gépelni a js. fájl programba.

Program leírások.

JavaScript program megírása, a kartyalista.js fájlban.

// Függvény meghatározása, névjegykártya nyomtatása, kiíratása.
function PrintCard ( )
{
adat1 = "Neve: " + this.neve + " \n";
adat2 = "Lakcíme: " + this.lakcime + " \n";
adat3 = "Otthoni telefon: " + this.otthonitelefon + " \n";
adat4 = "Munkahelyi telefon: " + this.munkatelefon + " \n";
adat5 = "Rádiótelefon: " + this.radiotelefon + " \n";
adat6 = "Megjegyzés: " + this.komment + "<hr> \n";
document.write (adat1, adat2, adat3, adat4, adat5, adat6);
}

// Függvény meghatározása, Névjegykártya adatok, felvételi sorrendjéhez.
function Kartya (neve, cime, lakastel, munkatel, radtel, megjegyzes)
{
this.neve = neve;
this.lakcime = cime;
this.otthonitelefon = lakastel;
this.munkatelefon = munkatel;
this.radiotelefon = radtel;
this.komment = megjegyzes;
this.PrintCard = PrintCard;
}

// Adatok, azaz, objektumok meghatározása.
// Névjegykártya adatok felvétele, idézőjelek között vesszővel elválasztva.

// Ismerösök.
Ismeros1 = new Kartya ("Juhász László" , "9129 Hegyi út 32" , "358-1234" , "7255-9876" , "06 xx 1234-56789" , "Kerékpáros.");
Ismeros2 = new Kartya ("Cifra Gábor" , "9239 Tároló út 56" , "469-2222" , "8555-4444" , "06 xy 1234-56789" , "Szakács.");
Ismeros3 = new Kartya ("Korai Ferenc" , "9279 Sárosi út 89" , "570-1299" , "9855-1344" , "06 yy 1234-56789" , "Teniszező.");
Ismeros4 = new Kartya ("Káró Ferenc" , "9116 Városi út 9" , "555-1299" , "9555-1544" , "06 yy1234-56789" , "Baráti ismerős.");

// Cégek vállalkozások.
Ceg1 = new Kartya ("Varga László EV." , "9129 Hegyi út 32" , "358-1234" , "7255-9876" , "06 xx 1234-56789" , "Autószerelő.");
Ceg2 = new Kartya ("Gáz Gábor EV." , "9239 Tároló út 56" , "469-2222" , "8555-4444" , "06 xy 1234-56789" , "Megbizható Gázszerelő.");
Ceg3 = new Kartya ("BAGA Bt." , "9279 Sárosi út 89" , "----------" , "9855-1344" , "06 yy 1234-56789" , "Gabona tárolás.");
Ceg4 = new Kartya ("VEGY Rt" , "9116 Városi út 9" , "---------" , "9555-1544" , "06 yy1234-56789" , "Vegyianyagok. Magánszemélyeknek is, forgalmaznak.");
Ceg5 = new Kartya ("ÁLÉV Rt" , "9236 Eger, Álmosi út 19" , "---------" , "9666-1544" , "------------" , "Állami Épitő Vállalat. Egyedi tervezéseket és kivitelezéseket is vállalnak.");

// Egyediek.
Egyedi1 = new Kartya ("Juhász Kutya" , "9129 Hegyoldal Street", "358-1234", "7255-9876", "06xx123456789", "Kábítószer kereső.");
Egyedi2 = new Kartya ("Círmos Cica", "9239 Kolbász Tároló", "469-2222", "8555-4444", "06xy123456789", "Dédelgetős.");
Egyedi3 = new Kartya ("Mangalica Disznó", "9239 Sáros Pocsoja", "570-1299", "9855-1344", "06yy123456789", "Jó a szalonnája.");

A nevjegykartya.html fájl, head és body meghatározásai.

<head> 
<title>Névjegykártya rendezés</title>
<script language="JavaScript"  type="text/javascript" src="kartyalista.js"> </script>
<style>
.kartyatabla{width:99%; background-color: #ffc;}
.kartyatabla td{vertical-align:top; font-size:14px;}
</style>
</head>

<body>
          <!--  Elkészítjük a kiíratáshoz szükséges táblázatot.  -->
          <!--  Kiíratási sorrendet, a PrintCard(); beírási sorrendjével határozzuk meg.  -->
<table class="kartyatabla">
<tr><th> Ismerősök </th><th> Cégek </th><th> Egyebek </th></tr> 
<tr> <td>
      <script>  // Kiíratási sorrendet, tetszés szerint módosíthatjuk.
      Ismeros1.PrintCard();  
      Ismeros3.PrintCard();
      Ismeros2.PrintCard();
      Ismeros4.PrintCard();
      </script>
</td>
<td>
      <script>  // Kiíratási sorrendet, tetszés szerint módosíthatjuk.
      Ceg1.PrintCard();
      Ceg2.PrintCard();
      Ceg3.PrintCard();
      Ceg4.PrintCard();
      Ceg5.PrintCard();
      </script>
</td>
<td>
      <script>  // Kiíratási sorrendet, tetszés szerint módosíthatjuk.
      Egyedi2.PrintCard();
      Egyedi1.PrintCard();
      Egyedi3.PrintCard();
      </script>
</td>
</tr>
</table>

</body>

Névjegykártya rendező.

Program leírások.

Fenti programjaink eredménye: