[JS] Parent opvragen - Softwareontwikkeling

woensdag 8 mei 2002 13:05

Acties:

Analytics dude

Topicstarter

Stel ik heb het volgende:

code:

<div id="main">
    <div>
      <div></div>
    </div>
    <div></div>
</div>

<div id="sub">
    <div>
      <div></div>
    </div>
    <div></div>
</div>

Nu staan er op alle div's een onclick event die verwijzen naar Klik()

code:

function Klik()
{
  if (event.srcElement.id == "main") { bla }
}

Hoe vraag ik in Klik() op, op welke hoofd div er geklikt word (main of sub)?. Dus als ik op een willekeurige div klik moet hij uitzoeken of hij een child is van main of van sub. Ook al staat die div 100 levels diep genest.

Ik heb al iets geprobeert met parentElement en ParentNode, maar dat lukt me alleen als de div een rechtstreekse child is van main of sub.

woensdag 8 mei 2002 13:08

Acties:

Pelle

🚴‍♂️

Met parentElement zit je in ieder geval wel in de goeie richting

Ik denk dat je even een recursieve functie moet schrijven, die net zo lang doorgaat met het opvragen van het parentElement, totdat hij ofwel main, ofwel sub heeft gevonden.

woensdag 8 mei 2002 13:13

Acties:

André

Analytics dude

Topicstarter

Op woensdag 08 mei 2002 13:08 schreef Pelle het volgende:
Met parentElement zit je in ieder geval wel in de goeie richting

Ik denk dat je even een recursieve functie moet schrijven, die net zo lang doorgaat met het opvragen van het parentElement, totdat hij ofwel main, ofwel sub heeft gevonden.

Misschien zoiets als dit?:

code:

tekst = ".parentElement";
while true {
  tekst += ".parentElement";
  if (eval("event.srcElement" + tekst).id == "main") { break }
}

woensdag 8 mei 2002 13:23

Acties:

Bosmonster

*zucht*

das niet echt lekker coden..

beter is zoiets:

code:

function getParent(obj,id){
    if(obj.parentElement.id == name) return obj.parentElement;
    else{
      var tmpObj = getParent(obj.parentElement, id);
      if(tmpObj) return tmpObj;
    }
    return null;
}

en dan in aanroep: parent = getParent(this, "main")

das meer recursief

edit:
wat netter gemaakt

woensdag 8 mei 2002 13:26

Acties:

Pelle

🚴‍♂️

Ik bedoelde meer iets als dit

code:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<html>
<head>
    <title>find parent</title>
    <script language="javascript" type="text/javascript">
    <!--
      function findGreatGrandFather(obj) {
        if (obj.parentElement.id != "body") {
            findGreatGrandFather(obj.parentElement);
        } else {
            alert(obj.id);
        }
      }
    //-->
    </script>
</head>

<body id="body">


<div id="a">
    <div id="b">
      <div id="c">
        <div id="d" onClick="findGreatGrandFather(this);">dit is een child van a</div>
      </div>
    </div>
</div>

<div id="e">
    <div id="f">
      <div id="g">
        <div id="h" onClick="findGreatGrandFather(this);">en dit van e</div>
      </div>
    </div>
</div>


</body>
</html>

/edit
Bosmonster was eerder.. maar die heeft vakantie, das nie eerlijk

woensdag 8 mei 2002 13:30

Acties:

Bosmonster

*zucht*

Op woensdag 08 mei 2002 13:26 schreef Pelle het volgende:

code:

      function findGreatGrandFather(obj) {
        if (obj.parentElement.id != "body") {
            findGreatGrandFather(obj.parentElement);
        } else {
            alert(obj.id);
        }
      }

Ow ja das ook makkelijk.. je kunt denk ik wel beter zoiets doen:

code:

function findGreatGrandFather(obj) {
    if (obj.parentElement != document.body) {
        findGreatGrandFather(obj.parentElement);
    } else {
        alert(obj.id);
    }
}

dan hoef je de body geen id te geven.. en is het weer wat "universeler"

woensdag 8 mei 2002 13:32

Acties:

Pelle

🚴‍♂️

Op woensdag 08 mei 2002 13:30 schreef Bosmonster het volgende:
dan hoef je de body geen id te geven.. en is het weer wat "universeler"

Heb je helemaal gelijk in.. maar misschien gaat Yogho z'n main en sub straks wel niet in de body nesten, maar in een aparte div.. nah ja, das allemaal geneuzel in de kantlijn verder eigenlijk

woensdag 8 mei 2002 13:35

Acties:

André

Analytics dude

Topicstarter

Op woensdag 08 mei 2002 13:32 schreef Pelle het volgende:

Heb je helemaal gelijk in.. maar misschien gaat Yogho z'n main en sub straks wel niet in de body nesten, maar in een aparte div.. nah ja, das allemaal geneuzel in de kantlijn verder eigenlijk

(Ja, ze gaan in de body genest worden.)

Bosmonster en Pelle dank, hier heb ik wat aan.

woensdag 8 mei 2002 15:02

Acties:

Verwijderd

Ik meen dat het in DOM parentNode is. Ik gebruik iig parentNode

woensdag 8 mei 2002 16:37

Acties:

André

Analytics dude

Topicstarter

Op woensdag 08 mei 2002 15:02 schreef Cheatah het volgende:
Ik meen dat het in DOM parentNode is. Ik gebruik iig parentNode

Klopt, maar in IE6 is de functie van parentNode veranderd. In de MSDN staat dat de parentNode naar zijn parent Atribuut verwijst of zo iets.