nicht angemeldet
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Gernot Back
Hallo,
http://www.twilo.de/checkboxen.htm
Ich möchte, wenn man eine Checkbox auswählt, dass alle darunterliegenden mitausgewählt werden.
Zusätzlich sollen die Häkchen bei den darüberliegenden auch entfernt werden, wenn man z.B. 5 wieder deaktiviert.
Beispiel:
wird die Checkbox 1 aktiviert, sollen alle darunterliegenden mit aktiviert werden (2,3,4,5,6,7)
deaktiviere ich danach 5, sollen auch 1,2,3,4 deaktiviert werden
Ist das überhaupt möglich?
Ich weiß nicht, wie ich anfangen soll
mfg
Twilo
Hallo Twilo,
Beispiel:
wird die Checkbox 1 aktiviert, sollen alle darunterliegenden mit aktiviert werden (2,3,4,5,6,7)
deaktiviere ich danach 5, sollen auch 1,2,3,4 deaktiviert werden
Ist das überhaupt möglich?
Ich weiß nicht, wie ich anfangen soll
ich denke für dein Vorhaben könnte der onChange-Eventhandler eine Funktion aufrufen, der du die Checkbox selbst über this als Parameter übergibst und die dann mit Switch-Case weiterarbeitet, von Interesse sein.
Die einzelnen Gruppen von Checkboxen, die sich gegenseitig beeinflussen sollen, müssten irgendwie über ein gemeinsames Array in numerischer Reihenfolge ansprechbar sein, z.B. indem du jeweils eigene Form Elemente für sie schaffst und sie dann über dessen jeweilige Elements-Collection ansprichst.
Gruß Gernot
Hallo,
Beispiel:
wird die Checkbox 1 aktiviert, sollen alle darunterliegenden mit aktiviert werden (2,3,4,5,6,7)deaktiviere ich danach 5, sollen auch 1,2,3,4 deaktiviert werden
Ist das überhaupt möglich?
Ich weiß nicht, wie ich anfangen sollich denke für dein Vorhaben könnte der onChange-Eventhandler eine Funktion aufrufen, der du die Checkbox selbst über
thisals Parameter übergibst und die dann mit Switch-Case weiterarbeitet, von Interesse sein.Die einzelnen Gruppen von Checkboxen, die sich gegenseitig beeinflussen sollen,
bis hierhin kann ich folgen ;-)
müssten irgendwie über ein gemeinsames Array in numerischer Reihenfolge ansprechbar sein, z.B. indem du jeweils eigene Form Elemente für sie schaffst und sie dann über dessen jeweilige Elements-Collection ansprichst.
aber hier verlassen sie mich
ich bin gerade am Grübeln, wie das Array aufgebaut sein müßte
mfg
Twilo
Hallo Twilo,
müssten irgendwie über ein gemeinsames Array in numerischer Reihenfolge ansprechbar sein, z.B. indem du jeweils eigene Form Elemente für sie schaffst und sie dann über dessen jeweilige Elements-Collection ansprichst.
aber hier verlassen sie mich
ich bin gerade am Grübeln, wie das Array aufgebaut sein müßte
Das Array existiert ja in Form der Element-Collection:
http://de.selfhtml.org/javascript/objekte/elements.htm
Dort liegen die einzelnen Elemente in der Reihenfolge vor, wie sie im jeweiligen Formelement im Quellcode stehen.
Du könntest also alle Geschwister des übergebenen Elements auf checked=true oder checked=false setzen, je nachdem ob sie einen höheren oder niedrigeren Index in der Elements-Collection des jeweiligen Formular-Elementes haben.
Gruß Gernot
Hallo,
müssten irgendwie über ein gemeinsames Array in numerischer Reihenfolge ansprechbar sein, z.B. indem du jeweils eigene Form Elemente für sie schaffst und sie dann über dessen jeweilige Elements-Collection ansprichst.
aber hier verlassen sie mich
ich bin gerade am Grübeln, wie das Array aufgebaut sein müßteDas Array existiert ja in Form der Element-Collection:
das er eins setzt, ist ja nicht das Problem, ich hab es mal in der Testdatei eingebaut
http://www.twilo.de/checkboxen.htm
Dort liegen die einzelnen Elemente in der Reihenfolge vor, wie sie im jeweiligen Formelement im Quellcode stehen.
ist soweit klar :-)
Du könntest also alle Geschwister des übergebenen Elements auf checked=true oder checked=false setzen, je nachdem ob sie einen höheren oder niedrigeren Index in der Elements-Collection des jeweiligen Formular-Elementes haben.
und wie soll ich das anstellen?
ich hab per onload das 4 Element ausgewählt, jetzt sollte ja eigentlich noch 5, 6 und 7 mit ausgewählt werden
da taucht jetzt mein kleines Problemchen auf, ich weiß nicht, wie ich dann auf 5, 6 und 7 kommen soll
mfg
Twilo
Hallo Twilo,
Du könntest also alle Geschwister des übergebenen Elements auf checked=true oder checked=false setzen, je nachdem ob sie einen höheren oder niedrigeren Index in der Elements-Collection des jeweiligen Formular-Elementes haben.
und wie soll ich das anstellen?
ich hab per onload das 4 Element ausgewählt, jetzt sollte ja eigentlich noch 5, 6 und 7 mit ausgewählt werden
da taucht jetzt mein kleines Problemchen auf, ich weiß nicht, wie ich dann auf 5, 6 und 7 kommen soll
Das Formular, zu dem eine Checkbox gehört, kannst du ja über this.form ermitteln. In diesem Formular durchläufst du in einer For-Schleife nacheinander alle Geschwiterelemente bis zum letzten auf Identität mit dem über this übergebenen Element. Vorher schaltest du alles auf checked=false und ab da alles auf checked=true.
Gruß Gernot
Hallo,
Das Formular, zu dem eine Checkbox gehört, kannst du ja über this.form ermitteln.
wie meinst du das?
ich hab doch nur 1 Formular
In diesem Formular durchläufst du in einer For-Schleife nacheinander alle Geschwiterelemente bis zum letzten auf Identität mit dem über this übergebenen Element. Vorher schaltest du alles auf checked=false und ab da alles auf checked=true.
wenn ich für jedes Elternelement ein eigenes Formular hätte, würde das sogar so klappen ;)
bei mir ist aber ales in ein Formular
http://www.twilo.de/checkboxen.htm
wie ermittel ich das aktuelle Element, was angeklickt ist?
this.name gibt mir z.B. 1 aus, das ist aber nicht das, weas ich brauch, denn es kann auch mal mit 200 etc. losgehen
der Name wird nachher auch so lauten id[ID], also id[5]
was ich bräuchte, ich müsste das aktuelle Element irgendwie ermitteln, und dann noch die Kinder
nur wie :-)
könnte man vielleicht die li's zählen, die im angeklickten li sind?
mfg
Twilo
Hallo Twilo,
http://www.twilo.de/checkboxen.htm
wie ermittel ich das aktuelle Element, was angeklickt ist?
function checkbox(obj){
var flag = false;
for (i = 0; i < obj.form.elements.length; ++i){
if(obj.form.elements[i] == obj) {
flag = true;
}
obj.form.elements[i].checked = flag;
}
}
könnte man vielleicht die li's zählen, die im angeklickten li sind?
Auch das, und zwar über this.getElementsByTagName().
Gruß Gernot
Hallo,
http://www.twilo.de/checkboxen.htm
wie ermittel ich das aktuelle Element, was angeklickt ist?
function checkbox(obj){
var flag = false;
for (i = 0; i < obj.form.elements.length; ++i){
if(obj.form.elements[i] == obj) {
flag = true;
}
obj.form.elements[i].checked = flag;
}
}
> > könnte man vielleicht die li's zählen, die im angeklickten li sind?
> Auch das, und zwar über [this.getElementsByTagName()](http://de.selfhtml.org/javascript/objekte/document.htm#get_elements_by_tag_name).
ich hab zewar gerade was gebastelt, werde aber erstmal deins zu gemüte ziehen :-)
hier mein Teil
<http://www.twilo.de/checkboxen.htm>
ich müsste nur das Array so per PHP erzeugen :-(
mfg
Twilo
Hallo nochmal,
ich vergaß: Der Aufruf erfolgt über onclick und nicht onchange. Weil die Checkbox den checked-Wert wohl erst mit dem ersten Anklicken bekommt, könnte dieser sich sonst folglich erst beim zweiten Anklicken ändern.
Gruß Gernot
Hallo,
ich vergaß: Der Aufruf erfolgt über onclick und nicht onchange. Weil die Checkbox den checked-Wert wohl erst mit dem ersten Anklicken bekommt, könnte dieser sich sonst folglich erst beim zweiten Anklicken ändern.
dein Klappt irgendwie vor'ne und hinten nicht *g*
du markiert alle, bis das letzte Element erreicht ist, nur so soll es ja nicht sein :-)
schau dir mal mein Beispiel an, vielelicht leuchtet es dann ein
bei dir kann man die Checkbox auch nicht deaktivieren, nur durch eine darunterliegende *g*
bei meiner Version hab ich nur das Problem, wie erstelle ich das Array?!
mfg
Twilo
Hallo Twilo,
dein Klappt irgendwie vor'ne und hinten nicht *g*
Es bedarf da noch einiger Feinarbeit, z.B. damit man auch das oberste angeklickte Element selbst wieder unckecken kann.
du markiert alle, bis das letzte Element erreicht ist, nur so soll es ja nicht sein :-)
Was spricht denn dagegen, dass du alle Checkboxen, die sich gegenseitig beeinflussen sollen, jeweils in ein eigenes FORM-Element packst?
bei meiner Version hab ich nur das Problem, wie erstelle ich das Array?!
Ja, das wird nicht einfach werden, zumal ich mit meiner Aussage, man könne über this auf die im Eltern-Objekt LI enthaltenen Nachkommen-LIs zugreifen voreilig war. Aber es gibt bestimmt eine Lösung!
Gruß Gernot
Hallo,
Was spricht denn dagegen, dass du alle Checkboxen, die sich gegenseitig beeinflussen sollen, jeweils in ein eigenes FORM-Element packst?
dann kann ich ja nicht alle ausgewählten übermitteln, sondern nur die ausgewählten vom jeweiligen Formular
mfg
Twilo
Hallo Twilo,
dann kann ich ja nicht alle ausgewählten übermitteln, sondern nur die ausgewählten vom jeweiligen Formular
Doch, du baust dir noch ein weiteres Formular mit einem Hidden-Feld, sammelst dort die Ergebnisse aus den anderen Formularen. Einen Submit-Button gibts dann selbstverständlich nur bei dem Formular mit dem Hidden-Field.
Gruß Gernot
Hallo,
dann kann ich ja nicht alle ausgewählten übermitteln, sondern nur die ausgewählten vom jeweiligen Formular
Doch, du baust dir noch ein weiteres Formular mit einem Hidden-Feld, sammelst dort die Ergebnisse aus den anderen Formularen. Einen Submit-Button gibts dann selbstverständlich nur bei dem Formular mit dem Hidden-Field.
nur dann funktioniert ohne JavaScript gar nix ;-)
hm.. oder ich lasse die Formulare mit der JS Funktion per JavaScript erstellen und dann noch ein Formluar per noscript
ne gute Lösung ist das aber nicht ;)
mfg
Twilo
Hallo nochmal,
Es bedarf da noch einiger Feinarbeit, z.B. damit man auch das oberste angeklickte Element selbst wieder unckecken kann.
De sieht für den Ansatz mit getrennten Formularen jetzt so aus:
function checkbox(obj){
var flag = false;
for (i = 0; i < obj.form.elements.length; ++i){
if(obj.form.elements[i] == obj) {
if(i<obj.form.length-1){
i++;
} else {
break;
}
flag = true;
}
obj.form.elements[i].checked = flag;
}
}
Gruß Gernot
Hallo,
Es bedarf da noch einiger Feinarbeit, z.B. damit man auch das oberste angeklickte Element selbst wieder unckecken kann.
De sieht für den Ansatz mit getrennten Formularen jetzt so aus:
function checkbox(obj){
var flag = false;
for (i = 0; i < obj.form.elements.length; ++i){
if(obj.form.elements[i] == obj) {
if(i<obj.form.length-1){
i++;
} else {
break;
}
flag = true;
}
obj.form.elements[i].checked = flag;
}
}
hat aber noch einen Fehler
Klick mal 11 an und dann 14...
12 und 13 sollten angeklickt bleiben
<http://www.twilo.de/checkboxen2.htm>
ps. ist zwar noch alles in ein formular, geht ja nur um die Funktion
mfg
Twilo
Hallo,
hat aber noch einen Fehler
Klick mal 11 an und dann 14...
12 und 13 sollten angeklickt bleiben
http://www.twilo.de/checkboxen2.htm
mir ist nochetwas aufgefallen, wenn 12 oder 13 angeklickt werden, soll 14 natürlich nicht markiert werden :-)
mfg
Twilo
Hallo Twilo,
hat aber noch einen Fehler
Klick mal 11 an und dann 14...
12 und 13 sollten angeklickt bleiben
http://www.twilo.de/checkboxen2.htm
mir ist nochetwas aufgefallen, wenn 12 oder 13 angeklickt werden, soll 14 natürlich nicht markiert werden :-)
Bei mir treten diese Fehler aber nicht auf. Alles eine Frage der richtigen Platzierung der einzelnen Formelemente, die allerdings auch bei mir noch nicht valide ist, aber das ist dann Feinarbeit:
http://www.sprachlernspiele.de/selftests/multiplecheck.html
Gruß Gernot
Hallo,
hat aber noch einen Fehler
Klick mal 11 an und dann 14...
12 und 13 sollten angeklickt bleiben
http://www.twilo.de/checkboxen2.htm
mir ist nochetwas aufgefallen, wenn 12 oder 13 angeklickt werden, soll 14 natürlich nicht markiert werden :-)
Bei mir treten diese Fehler aber nicht auf. Alles eine Frage der richtigen Platzierung der einzelnen Formelemente, die allerdings auch bei mir noch nicht valide ist, aber das ist dann Feinarbeit:
Test14 ist bei mir auch nicht richtig eingerückt (Opera 8.10)
der HTML-Code wird ja nacher eine Wissenschaft für sich ;-)
wenn man da 100 Checkboxen mit zig Verzweigungen hat, na dann gute Nacht :-)
mfg
Twilo
Hallo Twilo,
der HTML-Code wird ja nacher eine Wissenschaft für sich ;-)
wenn man da 100 Checkboxen mit zig Verzweigungen hat, na dann gute Nacht :-)
Den würde ich sowieso auch dynamisch mit Javascript generieren, damit für die Nutzer ohne JS erst einmal ein einfaches Formular vorliegt, dass sie notfalls auch ohne JS abschicken können. Für die Nutzer mit JS wird die Chose als Version de Luxe erst nachträglich in mehrere Einzelformulare und ein Absendeformular mit Hiddenfeld aufgeteilt.
Was du dabei durch Elementbaumhangeln feststellen musst, ist ob ein List-Item-Element seinerseits weitere List-Items als Kindelemente enthält. Wenn das nicht mehr der Fall ist, generierst du ein eigenes Formular-Element um es selbst inklusive aller seiner Vorfahren LI-Elemente und nimmst dir dann den nächsten Elementbaumast in gleicher Weise vor.Im Prinzip alles machbar, aber sehr aufwändig!
Gruß Gernot
Hallo Twilo,
Test14 ist bei mir auch nicht richtig eingerückt (Opera 8.10)
Durch den Darstellungsfehler bei Opera habe ich vielleicht auch noch gar nicht begriffen, was du möchtest.
soll Punkt 14 als Unterpunkt von Punkt 11, diesen zwar mit aa- oder abwählen, wenn er angeklickt wird, nicht aber Punkt 12 und 13, die ja dann nur Schwester- bzw. Nichten-Elemente sind?
Ich glaube, dann kannst den Ansatz über separate Form-Elemente sowieso vergessen, da die sich ja nicht den Listen-Elementen entsprechend verschachteln lassen.
Das heißt dann wohl, du musst auch bei der Klick-Funktion mit Elementbaumhangeln arbeiten. Wenigstens das Elemente-Generieren kannst du dir dann aber sparen.
Gruß Gernot
Hallo,
Test14 ist bei mir auch nicht richtig eingerückt (Opera 8.10)
Durch den Darstellungsfehler bei Opera habe ich vielleicht auch noch gar nicht begriffen, was du möchtest.
soll Punkt 14 als Unterpunkt von Punkt 11, diesen zwar mit aa- oder abwählen, wenn er angeklickt wird, nicht aber Punkt 12 und 13, die ja dann nur Schwester- bzw. Nichten-Elemente sind?
Klick auf Punkt 14 <--- Punkt14 aktiviert
Klick auf Punkt 11 <--- Punkt 11,12,13 und 14 aktiviert
Klick auf Punkt 14 <--- Punkt 11 und 14 deaktiviert
Klick auf Punkt 11 <--- Punkt 11,12,13 und 14 aktiviert
Klick auf Punkt 13 <--- Punkt 11,12 und 13 deaktiviert
Klick auf Punkt 12 <--- Punkt 12 und 13 aktiviert
so macht es meine Demo, oder hab ich etwas übersehen? :-)
http://www.twilo.de/checkboxen.htm
mfg
Twilo
Hallo,
ich lasse mir das Array jetzt per PHP zusammensetzen, dafür hab ich meine Funktion etwas umgeschrieben, was mir die Ausgabe von der Baumstruktur erzeugt
jetzt funktioniert es so, wie ich mir das vorgestellt habe
nochmal 1000 Dank :-)
hier ist jetzt die endgültige HTML-Version, so wie sie per PHP generiert wird
http://www.twilo.de/checkboxen.htm
fällt dir da vielleicht noch ein fehler auf?
mfg
Twilo
Hallo Twilo,
fällt dir da vielleicht noch ein fehler auf?
Ja, im IE6 funktioniert das alles überhaupt nicht, aber Firefox und Opera tun ja schon mal ihre Pflicht auch wenn beide Folgendes melden:
Event thread: load
Error:
name: ReferenceError
message: Statement on line 1: Reference to undefined variable: test
Vielleicht geht es ja dann auch in IE, wenn du das behebst.
Gruß Gernot
Hallo,
fällt dir da vielleicht noch ein fehler auf?
Ja, im IE6 funktioniert das alles überhaupt nicht
argh... die Krücke :(
an die hab ich überhaupt nicht gedacht
aber Firefox und Opera tun ja schon mal ihre Pflicht auch wenn beide Folgendes melden:
Event thread: load
Error:
name: ReferenceError
message: Statement on line 1: Reference to undefined variable: test
Vielleicht geht es ja dann auch in IE, wenn du das behebst.
das lag daran, weil ich noch eine Funktion test() aufgerufen habe, die es nicht mehr gab
ich weiß leider nicht, was den IE da stört...
wenn man zwei Kästchen anklickt, dann markiert er ja soweit alles, ausser das aktuell angeklickte Kästchen
mein Problem ist, dass es von IE Usern nachher bedient wird :-(
Über jeden Ratschlag bin ich dankbar ;)
mfg
Twilo
Hallo,
fällt dir da vielleicht noch ein fehler auf?
Ja, im IE6 funktioniert das alles überhaupt nicht
Konqueror und Epiphany mögen das bei mir auch nicht
wie ich das Problem beheben kann, weiß ich bis dato auch nicht
mfg
Twilo
Hallo,
fällt dir da vielleicht noch ein fehler auf?
Ja, im IE6 funktioniert das alles überhaupt nicht
der IE tut es, wenn man ein Häkchen markiert und dann irgendwo auf der Seite hinklickt.
Nur das behebt ja mein Problem nicht :-(
mfg
Twilo
Hallo Twilo,
der IE tut es, wenn man ein Häkchen markiert und dann irgendwo auf der Seite hinklickt.
Nur das behebt ja mein Problem nicht :-(
Ich fühle mit dir, aber weiß da auch keinen Rat im Moment. Es ist wahrscheinlich ein Eventhandlerproblem. Könnte sein, dass cancelBubble in irgendeiner Weise hilft. Ich werde mal in mich gehen.
Gruß Gernot
Hallo nochmal,
mir fällt gerade ein: lös doch einfach mal am Ende der mit dem Eventhandler aufgerufenen Funktion ein blur() auf das der Funktion übergebene Objekt aus!
Gruß Gernot
Hallo Gernot,
mir fällt gerade ein: lös doch einfach mal am Ende der mit dem Eventhandler aufgerufenen Funktion ein blur() auf das der Funktion übergebene Objekt aus!
wie meinst du das?
ich versteh gerade nicht, was du meinst ;-)
mfg
Twilo
Hallo,
fällt dir da vielleicht noch ein fehler auf?
Ja, im IE6 funktioniert das alles überhaupt nicht,
ich glaub den Fehler gefunden zu haben
ich hatte die Funktion per onchange aufgerufen, jetzt wo ich es per onclick mache, scheint es zu funktionieren
ich habe aber noch ein anderes Problem :(
wenn man die Seite aktualliersiert, bleiben die Häkchen gesetzt, aber nicht meine Rote Farbe ;-)
Ob man das auch irgendwie beheben kann?
mfg
Twilo
Hallo,
ich habe aber noch ein anderes Problem :(
wenn man die Seite aktualliersiert, bleiben die Häkchen gesetzt, aber nicht meine Rote Farbe ;-)
so Problem behoben, ich glaub jetzt solte alles so funktionieren, wie ich mir das mal vorgestellt habe :-)
oder findest du noch etwas, was ich gerade nicht sehe *g*
Konqueror macht es jetzt auch richtig, nur Epiphany macht irgendwie gar nix (nur ständig abstürzen ;)), hab leider keine anderen Browser zum Testen
mfg
Twilo
Hallo Twilo,
wenn man die Seite aktualliersiert, bleiben die Häkchen gesetzt, aber nicht meine Rote Farbe ;-)
Ob man das auch irgendwie beheben kann?
Ja, ich bin mittlerweile überzeugt: mit JS geht alles. Fragt sich nur wie umständlich das ist.
Du müsstest in einem Cookie oder in window.name onclick bei jeder Checkbox vorsehen, dass gespeichert wird, welches Element rot gefärbt werden soll und das beim Ladevorgang entsprechend verarbeiten.
Gruß Gernot
Hallo,
Du müsstest in einem Cookie oder in window.name onclick bei jeder Checkbox vorsehen, dass gespeichert wird, welches Element rot gefärbt werden soll und das beim Ladevorgang entsprechend verarbeiten.
ich hab das ganze anders gelöst ;-)
ich renne beim aufruf der Seite alle Elemente durch und schaue, ob die markiert sind, wenn es markiert wird, wird das entsprechende li-Tag eingefärbt
ich denke mal, dass diese Variante besser ist, als die Cookie Variante, oder gibt es bei meiner Methode ein Nachteil?
mfg
Twilo
Hallo Twilo,
ich renne beim aufruf der Seite alle Elemente durch und schaue, ob die markiert sind, wenn es markiert wird, wird das entsprechende li-Tag eingefärbt
Mit einer Forschleife durchrennen hättest du ohnehin müssen, egal ob mit window.name, cookei oder sonst was.
ich denke mal, dass diese Variante besser ist, als die Cookie Variante, oder gibt es bei meiner Methode ein Nachteil?
Ne das klingt sehr gut, sieht auch sehr gut aus und ist jetzt einfach perfekt, herzlichen Glückwunsch!
Gruß Gernot
Hallo,
ich denke mal, dass diese Variante besser ist, als die Cookie Variante, oder gibt es bei meiner Methode ein Nachteil?
Ne das klingt sehr gut, sieht auch sehr gut aus und ist jetzt einfach perfekt, herzlichen Glückwunsch!
dank deiner Denkanstöße ;-)
ps. ganz zufrieden bin ich aber noch nicht ;-)
mich stört folgendes noch
Element[7] = new Object();
Element[7]['ende'] = 7;
Element[7]['del'] = '1,2,3,4,5,6,7';
schön wäre, wenn das JavaScript von alleine herausbekommen würde
ich lasse mir zwar den JavaScript-Code per PHP erzeugen, schön finde ich das aber nicht ;-)
mfg
Twilo