Flip Flop

Hallo NG,

ich habe im Prinzip ein ganz triviales Problem,

ich möchte eine Funktion programmieren, die mir solange wie sie ausgeführt
wird 2 ihr übergebene Werte jeweils nach einer ebenfalls übergebenen Zeit
tauscht.
Hintergrund ist der, das ich eine Tabellenspalte solange wie der Cursor auf
ihr ruht zum blinken bringen will.

Ich halte das an sich für nicht allzu schwer, leider komme ich mit der
Programmierung nicht so ganz weiter. Javascript ist eben doch ein wenig
anders, wenn man auf PHP fixiert ist.

Bin für jede Hilfe dankbar.

Gruß Timo

Timo Krumme <cartoon.hero (AT) gmx (DOT) de> typed:

ich möchte eine Funktion programmieren, die mir solange wie sie
ausgeführt wird 2 ihr übergebene Werte jeweils nach einer ebenfalls
übergebenen Zeit tauscht.
Hintergrund ist der, das ich eine Tabellenspalte solange wie der
Cursor auf ihr ruht zum blinken bringen will.

Dafür verwendest Du sinnvollerweise setInterval(). Quickhack für
MSIE 5+ und Mozilla/NN6+:

<style type="text/css">
.baus { background-color: lightyellow }
.bein { background-color: orange }
</style>
...
<script type="text/javascript">
function blinken(el, zs) {
if (zs && !el.btimer) {
var le = el; // [1]
el.btimer = setInterval(function() {
le.className = le.className == "baus" ?
"bein" : "baus"; // [2]
}, 333);
}
else if (!zs && el.btimer) {
clearInterval(el.btimer);
el.btimer = undefined;
el.className = "baus";
}
}
</script>
...
<td
onmouseover="blinken(this, 1)"
onmouseout="blinken(this, 0)"
class="baus"

[1] Groupsgoogle in dieser Gruppe nach "closure", um diese
Anweisung zu verstehen.
[2] Hier wird getauscht, siehe in einer Referenz Deines
geringsten Misstrauens nach dem Operator "? ... :".

ciao, dhgm

Dietmar Meier wrote:

function blinken(el, zs) {
if (zs && !el.btimer) {
var le = el; // [1]
el.btimer = setInterval(function() {
le.className = le.className == "baus" ?
"bein" : "baus"; // [2]
}, 333);

Die Zuweisung le=el kann man sich hier IMHO sparen. el ist innerhalb der
Funktion in setInterval ebenfalls definiert. Notwendig wäre die
Zuweisung beispielsweise, wenn man das aktuelle Objekt ansprechen möchte
und hierfür "this" verwendet. le=this

Grüße
Daniel

Daniel Kirsch wrote:

var le = el; // [1]
el.btimer = setInterval(function() {
le.className = le.className == "baus" ?
"bein" : "baus"; // [2]
}, 333);

Die Zuweisung le=el kann man sich hier IMHO sparen. el ist
innerhalb der Funktion in setInterval ebenfalls definiert.

Aua, ja, da hast Du recht. Ich hatte im Hinterkopf, dass das
ohne diese Zuweisung nur in Mozilla funktioniere, wo Argumente
und lokale Variablen Eigenschaften des Funktionsobjektes sind.

Offenbar spielt das für Closuren aber keinerlei Rolle. Danke:
so spare ich mir fortan einige Zeilen Codes.

ciao, dhgm