z Index ++1 & "was heisst das da?"

[nemo121281]

Guten Morgen...
Ich stehe vor einer Art "Problem".

Ich habe hier 2 js functionen, die ich gerne zu einer verbinden würde...

da beide ziemlich kurz und knapp sind, gehe ich davon aus das es nicht all zu aufwendig sein sollte das auch umzusetzten...

So, da es mir aber im nachhinein nichts bringt wenn ich mir das von irgendwem eben umtippen zu lassen will ich hier mal erfragen was in den functionen was bedeutet...

Das problem ist halt wenn ich google oder so, finde ich nie so ganz das was ich suche, oder was mich weiter bringt oder so. Und wenn ich mal ehrlich bin, bleibt auch nur das im kopf hängen was ich auch für wichtig halte, bzw ich gerade brauche. Dumme angewohnheit, aber iss leider so... naja egal.

So:

    var iLastZIndex = 1000;
    function tofront(pCont)
    {
      pCont.style.zIndex = ++iLastZIndex;
    }

+

function changeZIndex(i,id) {
  document.getElementById(id).style.zIndex=i;
}

Bis hierhin verstehe ich auch das meiste. also klingt für mich plausieble was da gesagt wird...
Nun bräuchte ich aber die "tofront" eigenschaften in der "changeZIndex" function.

und nun gehts los:

function tofront(pCont)

(pCont) = heisst was? iss das irgendwas wo ich auch "bla" rein schreiben könnte, oder hat das ne bedeutung?

pCont.style.zIndex = ++iLastZIndex;

warum steht das "pCont" da jetzt wo es steht?

ausgeführt wird das ganze ja mit " onMouseDown="tofront(this)" " warum kann ich "this" nicht einfach mit ner div ID ersetzen?


nächste

function changeZIndex(i,id) {

das iss bei mir so angekommen das funktion " changeZIndex" sich die informationen aus den klammern holt " onclick='changeZIndex(1,'div-id')' "und die erste stelle in der klammer "i" ist due die zweite "id". bis hierhin ja auch zwangsweise selbst verständlich...

  document.getElementById(id).style.zIndex=i;

document.getElementById(id) sagt dem script sozusagen: suche das zu verabreitendes object anhand der id, um welches es geht steht in der (id).

style.zIndex=i

heisst den style des objectes beim zIndex-wert mit dem im onklick-befehl ersetzen...


sooo...

nach meinem verständnis müsste die function für das ganze so aussehen:

 var iLastZIndex = 1000;
    function frontbyklick(id)
    {
      document.getElementById(id).style.zIndex = ++iLastZIndex;
    }

und ich würde es mit : onclick='frontbyklick('div-id')' ans laufen bekommen...




---- edit: ----
das klappt ja sogar

 

[Fabio Hellmann]

Guten Morgen,

function tofront(pCont)

(pCont) = heisst was? iss das irgendwas wo ich auch "bla" rein schreiben könnte, oder hat das ne bedeutung?

pCont = Die Komponente, die du in den Vordergrund holen willst. Ob du die nun "pCont" nennst oder "komponente" oder "bla", ist dir überlassen.

pCont.style.zIndex = ++iLastZIndex;

warum steht das "pCont" da jetzt wo es steht?

Weil da auf das Attribute "style" von der Komponente "pCont" zugegriffen wird.

ausgeführt wird das ganze ja mit " onMouseDown="tofront(this)" " warum kann ich "this" nicht einfach mit ner div ID ersetzen?

Das könntest du machen. Allerdings ist es leichter, wenn du mehrere Komponenten hast, die diese Methode ausführen sollen mit Copy&Paste zu duplizieren, ohne hinterher wieder Code anpassen zu müssen.

function changeZIndex(i,id) {

das iss bei mir so angekommen das funktion " changeZIndex" sich die informationen aus den klammern holt " onclick='changeZIndex(1,'div-id')' "und die erste stelle in der klammer "i" ist due die zweite "id". bis hierhin ja auch zwangsweise selbst verständlich...

Das stimmt.
i = 1
id = 'div-id'

  document.getElementById(id).style.zIndex=i;

document.getElementById(id) sagt dem script sozusagen: suche das zu verabreitendes object anhand der id, um welches es geht steht in der (id).

Ganz genau.

style.zIndex=i

heisst den style des objectes beim zIndex-wert mit dem im onklick-befehl ersetzen...

Stimmt ebenfalls.

Gruß

Fabio