index_oldal

HTML object, azaz, elem beazonosítás.


JavaScript csak szülő és leszármazott elemeket azonosít, nem tesz különbséget unoka, dédunoka és ükunoka között úgy, mint a jQuery.
    HTML fájl területén:

  1. Tag, azaz jelölőelemek száma, a weblap készítőjétől függ. Objektum, azaz, terület beazonításra alkalmas tag, azaz, jelölőelem az, melyben tartalom helyezhető el.
    Tartalommal nem rendelkezők: <hr> <br> <wbr> jelölőelemek.

  2. id azonosítóval csak egy tag, azaz, jelölőelem szerepelhet ugyanazon elnevezéssel.

  3. class azonosítóval, tetszőleges számú tag, azaz, jelölőelem szerepelhet ugyanazon elnevezéssel.

  4. Megjegyzés:
    Tetszőleges jelölőelemnek adhatunk id és class azonosítót. ( <div id="valami" class="valami"> <p id="paragraf" class="valami"> )
    Ekkor a class szerepe az alapstílusok meghatározása, id azonosítót feldolgozó programok alkalmazzák elem beazonosításra és manipulálásra.



Családfa szerinti, html object, azaz, elem beazonosítása:
Szülőelem – Szülőelem gyermekei – Szülőelem unokái – Szülőelem dédunokái– Szülőelem ükunokái.
Röviden:
Szülő – Gyermekek – Unokák – Dédunokák -Űkunokák.


JavaScript, html object, azaz, elem beazonosítása: (Kiválasztott jelölőelemeket tömb formátumba gyűjti, melyeket tömbelem index száma alapján azonosíthatunk.)
- TagName('...'), azaz, jelölőelem neve alapján.
- Id("azonosítónév"), azaz, jelölőelem egyedi azonosítóneve alapján.
- ClassName("azonosítónév"), azaz, jelölőelem class osztályazonosítóneve alapján.


jQuery, html object, azaz, elem beazonosítása szelektorokkal:
- $("Tag_neve"); jelölőelem neve alapján.
- $("#azonosítónév"); jelölőelem egyedi azonosítóneve alapján.
- $(".azonosítónév"); jelölőelem class osztályazonosítóneve alapján.
- jQuery, html object, azaz, elem beazonosításához, további szelektorok megtekintéséhez, kattintsunk ide!

Megjegyzés:
jQuery, a JavaScript továbbfejlesztett változata.
Alkalmazásához, <head> szakaszban, meg kell hívni valamelyik jQuery változatot, majd ezt követően elkészíthetjük, saját JavaScript meghatározásainkat.

Még nem alkalmaztuk a jQuery változatot, ide kattintva tanulmányozhatjuk.



További html object, azaz, elem beazonosítási témakörök.

1. Első témakör: Egy szemléltetőt tartalmaz, html object, azaz elem beazonosításra.
Itt, a button gombokra mozgassuk egérkurzort, és láthatjuk szülőelemhez tartozó, leszármazottakat.

2. Témakör: A jQuery meghatározásokat tartalmazza. Katt ide!

3. Témakör: A JavaScript meghatározásokat tartalmazza. Katt ide!

4. Témakör: A JavaScript class azonosítóval rendelkező elemek, szétválogatása tagnév szerint. Katt ide!

5. Témakör: A jQuery meghatározások, lekérdezés utáni kiíratások eltérései. Katt ide!





Első témakör.
Html object leszármazottakhoz, szemléltető terület.

<div id="displaybox" class="divbox">

<h3 id="c3"> Címsor </h3>

<p class="pclass"> </p>

<a id="link1"> </a> <span> </span>
    <ul>
  • <li> </li>
  • <li> </li>
    • </ul>
<div id="div1">

<h4 id="c4"> Címsor </h4>

<div class="divclass">

<p id="idp1"> <span> </span> </p>

<a id="link2""> </a>
    <ol class="olclass">
  1. <li> </li>
  2. <li> </li>
    3. </ol>
</div>
</div>
<div class="divclass">

<p class="pclass"> </p>

</div>

<p id="idp2"> </p>

    <ol>
  1. <li> </li>
    2. </ol>
</div>

<p class="pclass">Ez, displaybox területén kívül van. </p>

A jQuery szemléltető elemek. Mozgassuk föléjük, egérkurzort.

A JavaScript szemléltető elemek. Mozgassuk föléjük, egérkurzort.
<div id="displaybox"> leszármazottak.









2. Második témakör.
jQuery html object, azaz, elem beazonosítás.

Összes leszármazott elemet, csillag ( * ) karakter elhelyezésével kérdezzük le.

Összes jelölőelem száma:    $(" * ").length;           =  

<html>  HTML fájl elemeinek, ez a szülőeleme. Száma = 1
<html>  Gyermekei     száma: $("html >*").length;    =  
<head> Gyermekei     száma: $("head >*").length;    =  

<body> Gyermekei     száma: $("body >*").length;      =  
<body> Unokái           száma: $("body >*>*").length;     =  
<body> Dédunokái      száma: $("body >*>*>*").length;     =  
<body> Ükunokái        száma: $("body >*>*>*>*").length;    =  
<body> Dédükunokái   száma: $("body >*>*>*>*>*").length;     =  
<body> Ükükunokái     száma: $("body >*>*>*>*>*>*").length;     =  
<body> X-unokái          száma: $("body >*>*>*>*>*>*>*").length;    =  
<body> Xx-unokái        száma: $("body >*>*>*>*>*>*>*>*").length;    =  
<body> Xxx-unokái      száma: $("body >*>*>*>*>*>*>*>*>*").length;    =  
<body> Xxxx-unokái    száma: $("body >*>*>*>*>*>*>*>*>*>*").length;    =  



Példa, kiválasztott elemhez tartozó, összes leszármazott beazonosítására:
<div id="displaybox"> Gyermekei száma: $("#displaybox >*").length;             =  
<div id="displaybox"> Unokái       száma: $("#displaybox >*>*").length;          =  
<div id="displaybox"> Dédunokái száma: $("#displaybox >*>*>*").length;       =  
<div id="displaybox"> Ükunokái   száma: $("#displaybox >*>*>*>*").length;    =

Kiválasztott gyermek elemet, jelölőelem karakter vagy karakterek ( div; p; span; stb. ) elhelyezésével kérdezzük le.

Példa, kiválasztott elemhez tartozó, gyermek leszármazott beazonosítására:
<div id="displaybox">  <div>  Gyermekek száma: $("#displaybox >div").length;         = 
<div id="displaybox"> Címsor Gyermekek száma: $("#displaybox >:header").length; = 
<div id="displaybox">   <p>     Gyermekek száma: $("#displaybox >p").length;         = 
<div id="displaybox">   <a>     Gyermekek száma: $("#displaybox >a").length;         = 
<div id="displaybox"> <span> Gyermekek száma: $("#displaybox >span").length;   = 
<div id="displaybox">   <ul>    Gyermekek száma: $("#displaybox >ul").length;        = 
<div id="displaybox">   <ol>    Gyermekek száma: $("#displaybox >ol").length;        =

Kiválasztott unoka elemet, jelölőelem karakter vagy karakterek, további ( div; p; span; stb. ) elhelyezésével kérdezzük le.

Példa, kiválasztott elemhez tartozó, unoka leszármazott beazonosítására: 
<div id="displaybox"> <div>    <div>     Unokák száma: $("#displaybox >div >div").length;          = 
<div id="displaybox"> <div>   Címsor   Unokák száma: $("#displaybox >div >:header").length;  = 
<div id="displaybox"> <div>     <p>       Unokák száma: $("#displaybox >div >p").length;             = 
<div id="displaybox">  <ul>      <li>       Unokák száma: $("#displaybox >ul >li").length;                = 
<div id="displaybox">  <ol>      <li>       Unokák száma: $("#displaybox >ol >li").length;                =

Kiválasztott dédunoka elemet, jelölőelem karakter vagy karakterek, további ( div; p; span; stb. ) elhelyezésével kérdezzük le.

Példa, kiválasztott elemhez tartozó, dédunoka leszármazott beazonosítására: 
<div id="displaybox"> <div>  <div> <p>    Dédnokák száma: $("#displaybox >div >div >p").length;          = 
<div id="displaybox"> <div>  <div> <a>    Dédnokák száma: $("#displaybox >div >div >a").length;          = 
<div id="displaybox"> <div>  <div> <ol>   Dédnokák száma: $("#displaybox >div >div >ol").length;          =

Kiválasztott ükunoka elemet, jelölőelem karakter vagy karakterek, további ( div; p; span; stb. ) elhelyezésével kérdezzük le.

Példa, kiválasztott elemhez tartozó, ükunoka leszármazott beazonosítására: 
<div id="displaybox"> <div>  <div> <p> <span>  Üknokák száma: $("#displaybox >div >div >p >span").length;    =  
<div id="displaybox"> <div>  <div> <ol>   <li>     Üknokák száma: $("#displaybox >div >div >ol >li").length;          =

Kiválasztott elem, class osztályazonosítóval rendelkezik,
akkor a kettőskereszt ( # ) helyett, pontot ( . ) írunk azonosítónév elé.

Példa, kiválasztott class elemhez tartozó, gyermek leszármazott beazonosítására: 
<div class="divclass">   <p>     Gyermekek száma: $(".divclass > p").length;         = 
<div class="divclass">   <a>     Gyermekek száma: $(".divclass > a").length;         = 
<div class="divclass">   <ol>    Gyermekek száma: $(".divclass > ol").length;        = 
<div class="divclass">   <ol class="olclass">  Gyermekek száma: $(".divclass >.olclass").length;       = 
<div class="divclass">   <p class="pclass">    Gyermekek száma: $(".divclass >.pclass").length;        = 


Fenti lekérdezésekkel, kiválasztott elem számát kapjuk eredményül.
Lekérdezettek közül, tetszőleges jelölőelemet beazonosíthatunk, ha meghatározzuk, index-számát.
    Példa:
    A <p> jelölőelemek száma: var TartalomP_szama = $("p").length;     ( 35 )
	Beazonosítjuk első <p> elemet:     $("p:eq(0)")
	Beazonosítjuk ötödik <p> elemet:   $("p:eq(4)")
	
    Beazonosított jelölőelemeknek, meghatározhatunk új stílust, vagy tartalmat. 
    Első beazonosított kék, ötödik piros border, azaz, keretszínt kap.
        $("p:eq(0)").css("border","2px solid blue");
        $("p:eq(4)").css("border","2px solid red");
		
    Ha minden beazonosított egyforma keret vagy háttérszinnel rendelkezzen:
	$("p").css("border","5px solid red");
	 
    Első beazonosított, új tartalmat kap:
	$("p:eq(0)").html("Új teszt tartalom");


      jQuery - vel, hogyan tudunk elemeket beazonosítani, kattintsunk ide!


Visszalépés témakörök jegyzékéhez.



 

3. Harmadik témakör.
JavaScript html object, azaz, elem beazonosítás.

Következő három meghatározást alkalmazhatjuk:

TagName('...');    Ekkor a tagnevet, azaz HTML jelölőelem nevét kell, a pontok helyére beírni.
Id('...');                Ekkor a HTML jelölőelem, id "azonosító" nevét kell, a pontok helyére beírni.
ClassName('...');  Ekkor a HTML jelölőelem, class "azonosító" nevét kell, a pontok helyére beírni.

Teljes html tartalomra érvényes lekérdezések.

 
Html:   document.getElementsByTagName("html").length;    = 
Head:  document.getElementsByTagName("head").length;   = 
Link:    document.getElementsByTagName("link").length;     = 
Body:  document.getElementsByTagName("body").length;    = 

<body> területén, <div> elemek   száma:   document.getElementsByTagName("div").length;   =  
<body> területén, <h1> címsorok száma:   document.getElementsByTagName("h1").length;   =  
<body> területén, <h2> címsorok száma:   document.getElementsByTagName("h2").length;   =  
<body> területén, <h3> címsorok száma:   document.getElementsByTagName("h3").length;   =  
<body> területén, <h4> címsorok száma:   document.getElementsByTagName("h4").length;   =  
<body> területén, <a> elemeinek száma:   document.getElementsByTagName("a").length;     =  
<body> területén, <p> elemeinek száma:   document.getElementsByTagName("p").length;     =  
<body> területén, <pre> elemeinek száma: document.getElementsByTagName("pre").length;     =  
<body> területén, <span> elemeinek száma: document.getElementsByTagName("span").length;   =  

<body> területén, <tag class="pclass"> elemek száma: document.getElementsByClassName("pclass").length;   =  

Class osztlyazonosítással - TagName lekérdezés:
var class1tag0 = document.getElementsByClassName("classnev")[1].getElementsByTagName("tagnev")[0]; 



Megjegyzések:
Minden egyes lekérdezés, tömb formátumban tötrénik.
A számuk lekérdezésekor, tömb elemeinek számát kapjuk eredményül.
     Példa, első p elem beazonosítására:  var Pelem1 = document.getElementsByTagName("p")[0];
     Példa, tömb elemeibe tároljuk, összes p elemet:  var Pelemek = document.getElementsByTagName("p");
	      Tetszőleges <p> elem beazonosítása, tömb elemeinek index számával:
		  var p1 = Pelemek[0];
		  var p10 = Pelemek[10];
  
A ClassName("class_név") lekérdezésnél, ha nem határozunk meg index-számot, akkor minden olyan tag, azaz, jelölőelem lekérdezésre kerül,
melynek  osztályazonosítóneve, megegyezik lekérdezésnél beírt classnévvel.
    
    Példa, lekérdezés tömbbe: var Class = document.getElementsByClassName("classnev"); 
                                        var classelem1 = Class[0];  // Beazonosítottak közül, az első.
                                        var classelem3 = Class[2];  // Beazonosítottak közül, a harmadik.
                                        var classelem6 = Class[5];  // Beazonosítottak közül, a hatodik.

     Ezeket a lekérdezéseket, nem ismeri:        1, TagName("tag") . ClassName("valami")      2.  Id("valami") . ClassName("valami")
                    document.getElementsByTagName("p").document.getElementsByClassName("pclass");
                    document.getElementById("displaybox").document.getElementsByClassName("pclass");

Kiválasztott elem területére érvényes lekérdezések.

<div id=displaybox> <p> elemek száma: document.getElementById("displaybox").getElementsByTagName('p').length; = 
<div id=displaybox> <span"> elemek száma: document.getElementById("displaybox").getElementsByTagName('span').length;   =   

<div class=divclass> <pre"> elemek száma:
            class14_pre = document.getElementsByClassName("divclass")[14].getElementsByTagName("pre");
                class14_pre_szam = class14_pre.length;    = 

             Ezt a lekérdezést, nem ismeri:       Id("azonosító") . ClassName("azonosító")
                                   document.getElementById("displaybox").document.getElementsByClassName("pclass");

Megjegyzés JavaScipt meghívására:
JavaScipt jQery.js fájl változata esetén, meghívását helyezzük a <head> szakaszba.
JavaScipt.js fájl változata esetén, meghívását helyezzük a záró </body> jelolőelem elé.

Lekérdezett jelölőelemeket, tömb elemének indexszámával, azaz, sorszámával azonosíthatjuk.

Lekérdezés elemszám meghatározással. Teszteléshez, mogassuk egérkurzort valamelyik button gombra.

Tömbelemek sorszámozása, 0-val kezdődik. A tomb[0], az első kiválasztott elem, indexszáma.

Lekérdezés elemszám meghatározással.Button gombok.
1.<p> elem:  document.getElementsByTagName("p")[0];
26.<p> elem:
      var p26 = document.getElementsByTagName("p")[25]; 
          p26.style.border="3px solid blue";

1.<p class="pclass"> elem:  document.getElementsByClassName("pclass")[0];
4.<p class="pclass"> elem:
      var pcass4 = document.getElementsByClassName("pclass")[3]; 
          pcass4.style.border="3px solid black";

Class osztlyazonosítással - TagName lekérdezés:

class14_pre = document.getElementsByClassName("divclass")[14].getElementsByTagName("pre");
    class14_pre_szam = class14_pre.length;    = 
	
DivclassPre = document.getElementsByClassName("divclass")[14].getElementsByTagName("pre")[0]; 
          DivclassPre.style.border="4px solid red";

Kiválasztott ClassName elem területén:

--- ---



JavaScript class osztályazonoítóval rendelkező elemek,
szétválogatása tagnév szerint.

Ugyan azon Class osztályazonosító névvel, minden tag, azaz, jelölőelem rendelkezhet.
Ahhoz, hogy általunk kiválasztott tagelemet, és csak olyan tagelemeket kérdezzünk le, melyek class azonosítója megegyezik, saját funciót vagy meghatározásokat kell készíteni.

A class lekérdezésnek, nincs JavaScript-analogonja, a darabszámuk lekérdezésének kivételével.
De, létrehozhatunk (definiálhatunk) saját getElementsByClassName() függvényt, a class osztályú elemek
szétválogatására, tagnév szerint. 

<script>
// Megkeressük mennyi általunk kiválasztott tagelem van, melyek azonosítója: class="megadott-class-névvel" rendelkezik.
     var s=0;                                     // Definiálunk egy számlálót, melyet tömbelemek sorszámozására is, felhasználhatunk.
     var Tag_Elem="p";                      // Itt határozzuk meg, tagelem, azaz, HTML jelölőelem nevét. <div>; <p>; <span>; stb.
     var Class_Azonosito="pclass";    // Itt határozzuk meg, class osztályazonosító nevet.
     var ClassTag = new Array;          // Létrehozunk egy tömböt, mely, csak a "megadott-class-névvel" rendelkező elemeket tárolja.
      
     var tagelem = document.getElementsByTagName(''+Tag_Elem+'');  // Megkeresünk minden kiválasztott tagelemet, azaz, jelölőelemet.
	 
    for (i=0 ; i<tagelem.length;  i++)  {  
        if (tagelem[i].className!=''+Class_Azonosito+'') { continue; }   // Ciklus átugrása, ha className nem egyenlő "megadott-class-névvel".
		
            ClassTag[s]=tagelem[i];         // ClassTag nevű tömbbe tároljuk class jelölőelemeket.
            s++;                                     // Számlálót növeljük egyel, ha className egyenlő "megadott-class-névvel".
			 	 
          // Tulajdonság megváltoztatása azon tag elemeknél, melyek azonosítója: class="megadott-class-névvel" rendelkezik.
          // Jelenleg le vannak tíltva, mert az összes kiválasztott class elemre, hatással lennének.
            /*
               tagelem[i].style.backgroundColor="white";                           // Fehér háttér.
               tagelem[i].style.color="red";                                                 // Piros betű.
               tagelem[i].style.fontSize="20px";                                          // Betűméret 20px.
               tagelem[i].style.fontWeight="bold";                                       // Vastag betű.
               tagelem[i].innerHTML="Új szöveg elhelyezése történt.";       // Szöveg kiíratása.
            */
    }
	
          // Következő meghatározások, egy kiválasztott class elemre érvényesek.
		  
     var Cli=1;        // Itt adjuk meg, tömbelem számmal, hogy melyik class elemre érvényesek, a meghatározások.
          ClassTag[Cli].style.backgroundColor="white";                          // Fehér háttér.
          ClassTag[Cli].style.color="red";                                              // Piros betű.
          ClassTag[Cli].style.fontSize="20px";                                       // Betűméret 20px.
          ClassTag[Cli].style.fontWeight="bold";                                     // Vastag betű.
          ClassTag[Cli].innerHTML="Új szöveg elhelyezése történt.";       // Szöveg kiíratása.
		  
</script>

Megjegyzés:
Ha minden kiválasztott class nevű elemet egyforma tulajdonsággal akarunk megjeleníteni.
Válasszuk a for ciklust.
Példa:
    for(i=0; i<ClassTag.length; i++){
        ClassTag[i].style.backgroundColor="white";                      // Fehér háttér.
        ClassTag[i].style.color="red";                                          // Piros betű.
        ClassTag[i].style.fontSize="20px";                                   // Betűméret 20px.
        ClassTag[i].style.fontWeight="bold";                                 // Vastag betű.
        ClassTag[i].innerHTML="Új szöveg elhelyezése történt.";   // Szöveg kiíratása.
	}



Visszalépés témakörök jegyzékéhez.









4. Negyedik témakör.
jQuery html object, azaz, elem beazonosítás utáni kiíratások.


Más adatot kapunk tombelem=dispTomb[0]; kiíratásnál
így: $("#valami").html('0 = '+tombelem);
vagy így: $("#valami").html(tombelem);

Lekérdezés így: $("#valami").html('0 = '+tombelem);
elem
szám		 Tömbelemek lekérdezési eredmények.
0.
1.
2.
3.
4.
5.
6.
7.
8.

Lekérdezés így: $("#valami").html(tombelem);
Elem
száma

1. Megtekintéskor, szemléltető területről tőrlődnek html elemek, és itt, a táblázatban jelennek meg.
2. Eredeti állapot visszaállításához, kattintsunk a 2. button gombra, vagy frissítsük az oldalt, hogy
a fenti szemléltetőt, ismét tesztelni tudjuk.
0.
1.
2.
3.
4.
5.
6.
7.
8.


A fenti lekérdezések, leírása.

HTML fájl.


<head>
<title>Objectum, azaz elem beazonosítás.</title>
<script src=https://ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js></script>
<script type="text/javascript" src="gyermekelemek.js"></script>
</head>

<body>

<table id="jqleszarmazottaktabla">
<caption>Lekérdezés így: $("#valami").html('0 = '+tombelem);</caption>
<tr><td>elem<br>szám</td> <td>Tömbelemek lekérdezési eredmények.</td></tr>
<tr><td>0.</td><td> <span id="boxelem"></span></td></tr>
<tr><td>1.</td><td> <span id="boxelem1"></span></td></tr>
<tr><td>2.</td><td> <span id="boxelem2"></span></td></tr>
<tr><td>3.</td><td> <span id="boxelem3"></span></td></tr>
<tr><td>4.</td><td> <span id="boxelem4"></span></td></tr>
<tr><td>5.</td><td> <span id="boxelem5"></span></td></tr>
<tr><td>6.</td><td> <span id="boxelem6"></span></td></tr>
<tr><td>7.</td><td> <span id="boxelem7"></span></td></tr>
<tr><td>8.</td><td> <span id="boxelem8"></span></td></tr>
</table>
<br>
<table id="jqleszarmazottakentabla">
<caption>Lekérdezés így: $("#valami").html(tombelem);</caption>
<tr><td>elem<br>szám</td> <td>Tömbelemek lekérdezési eredmények.</td></tr>
<tr><td>0.</td><td> <span id="boxelemen"></span></td></tr>
<tr><td>1.</td><td> <span id="boxelem1en"></span></td></tr>
<tr><td>2.</td><td> <span id="boxelem2en"></span></td></tr>
<tr><td>3.</td><td> <span id="boxelem3en"></span></td></tr>
<tr><td>4.</td><td> <span id="boxelem4en"></span></td></tr>
<tr><td>5.</td><td> <span id="boxelem5en"></span></td></tr>
<tr><td>6.</td><td> <span id="boxelem6en"></span></td></tr>
<tr><td>7.</td><td> <span id="boxelem7en"></span></td></tr>
<tr><td>8.</td><td> <span id="boxelem8en"></span></td></tr>
</table>

</body>

JavaScript gyermekelemek.js fájl.

$(document).ready(function(){

var displaybox_elemek=$("#displaybox >*");          // div id="displaybox" Gyermek elemeinek lekérdezése.

tombelem = displaybox_elemek[0];
tombelem1=displaybox_elemek[1];
tombelem2=displaybox_elemek[2];
tombelem3=displaybox_elemek[3];
tombelem4=displaybox_elemek[4];
tombelem5=displaybox_elemek[5];
tombelem6=displaybox_elemek[6];
tombelem7=displaybox_elemek[7];
tombelem8=displaybox_elemek[8];

    // 1. Kiíratási formátum. Megkapjuk információs adatokat.
     $("#boxelem").html('0 = '+tombelem);
     $("#boxelem1").html('1 = '+tombelem1);
     $("#boxelem2").html("2 = "+tombelem2);
     $("#boxelem3").html("3 = "+tombelem3);
     $("#boxelem4").html("4 = "+tombelem4);
     $("#boxelem5").html("5 = "+tombelem5);
     $("#boxelem6").html("6 = "+tombelem6);
     $("#boxelem7").html("7 = "+tombelem7);
     $("#boxelem8").html("8 = "+tombelem8);

       // 2. Kiíratási formátum. Elemek tartalmukkal együt, áthelyezésre kerülnek. 
		$("#boxelemen").html(tombelem);
		$("#boxelem1en").html(tombelem1);
		$("#boxelem2en").html(tombelem2)
		$("#boxelem3en").html(tombelem3);
		$("#boxelem4en").html(tombelem4);
		$("#boxelem5en").html(tombelem5);
		$("#boxelem6en").html(tombelem6);
		$("#boxelem7en").html(tombelem7);
		$("#boxelem8en").html(tombelem8);
});




		






Visszalépés témakörök jegyzékéhez.