Transparenter Hintergrund

Gibt es eine Möglichkeit eine transparenten Hintergrund für
ein Checkbox Element zu definieren, wenn die Checkbox
angeklickt ist?

Ich kann zwar die Hintergrundfarbe definieren, aber Mozilla 1.7
ignoriert die Angabe.

Ich möchte einfach, das die Hintergrund Grafik der Tabellenzelle
besser zu sehen ist.

checkboxen, werden von fast jedem browser anders interpretiert, bei dem einen haben sie nen hintergrund und beim nächsten nur nen rahmen, selbst wenn du da ne variante findest, wird die wahrscheinlich nur bei deinem browser gehen...

und mozilla soll sich bei checkboxen glaub ich besonders schwer tun...


http://www.css4you.de/wsradio/index.html

Gibt es vielleicht eine Möglichkeit

<input type=checkbox id="c0" name="n[]" value="Puff1" onclick="change(1,0 );">

komplett zu verstecken? Damit würde das Hintergrundbild der
Tabelle auch besser sichtbar sein.

Problem, die Checkbox sollte nicht mit document.write(); geschrieben
werden, da wenn JS ausgeschaltet ist, der User die Checkbox sehen
kann. Die Variante mit noscript finde ich auch nicht so gut. So
müßte ich alle Checkboxen doppelt schreiben, was den Sourcecode
unnötig aufbläht.

Kann man die Checkbox mit JS temporär verstecken?

mach doch einfach ein vrstecktes formularfeld und tausche beim klick auf das bild dessen wert...

Zitat:

---

Zitat von inge

mach doch einfach ein vrstecktes formularfeld und tausche beim klick auf das bild dessen wert...

---

Ne geht nicht,
wenn JS ausgeschaltet ist soll der User doch die
Möglichkeit haben die Checkbox anzuklicken.

lass die checkbox doch einfach per javascript verschwinden, dann sieht jemand ohne js die checkbox so wie sie jetzt ist und jemand mit kann aufs bild klicken...

Zitat:

---

Zitat von inge

lass die checkbox doch einfach per javascript verschwinden, dann sieht jemand ohne js die checkbox so wie sie jetzt ist und jemand mit kann aufs bild klicken...

---

Das ist ein Hintergrundbild einer Tabelle Zelle. Jetzt soll ich die Zelle
noch ein Bild als Link legen? Ich glaube das haut nicht hin, da die
Bilder nicht sauber miteinander abschließen würden.

Ist einfach die Frage, ob man so etwas mal
<input type=checkbox id="c0" name="n[]" value="Puff1" onclick="change(1,0 );">

temporär löschen kann.

Hallo Romanday,

Zitat:

---

Zitat von Romanday

Ist einfach die Frage, ob man so etwas mal
<input type=checkbox id="c0" name="n[]" value="Puff1" onclick="change(1,0 );">
temporär löschen kann.

---

Wie Inge schon sagte, einfach ausblenden.

Code:

---

var checkBoxElements = document.getElementsByName("n[]");
for (var i=0; i < checkBoxElements.length; i++) {
  checkBoxElements[i].style.display = "none";
}

---

Der Code ist nicht getestet - hoffe ich habe keine Tippfehler drin ;)

Jetzt kannst du ja, wie Inge auch schon andeutete, die Tabellenzelle oder ein Div darin mit einem onclick-Event ausstatten welches die jeweilige CheckBox an oder ausschaltet.

Code:

---

function toggleCheckbox (id) {
var checkBoxRef = document.getElementById(id);
checkBoxRef.checked = (checkBoxRef.checked == false) ? true : false;
}

---

So auch mal wieder potenziell buggy :)

Grüße,
nEox

Zitat:

---

Zitat von nEox

So auch mal wieder potenziell buggy :)

Grüße,
nEox

---

Danke,
<none> war der Schlüssel.
(Das ich noch 1x mit JS rumfuchteln muß, hätte ich
nicht gedacht.:D)