in meinem eigentlichen dokument muss ich das mit
Code:
$( '#label'+cid ).css("padding", ".5em");
machen
angepasst an deinen vorschlag geht es leider nur in eine richtung.
Code:
if ($('sichtbar'+cid).is(':checked') )
{
$( "#nr-"+fotoid ).animate({backgroundColor: "#8B4513"}, 500 );
$( '#label'+cid ).text("Sichtbar");
$( '#label'+cid ).css("padding", ".5em");
}
else
{
$( "#nr-"+fotoid ).animate({backgroundColor: "#FF0000"}, 500 );
$( '#label'+cid ).text("Unsichtbar");
$( '#label'+cid ).css("padding", ".5em");
}
mit meiner version geht es auch wieder zurück. soll heiß.
ist die checkbox checked (sichtbar) --> klick --> Unsichtbar (checked = false) --> klick --> Sichtbar (checked = true) --> usw.
Code:
if (document.getElementById('sichtbar'+cid).checked == true)
{
$( "#nr-"+fotoid ).animate({backgroundColor: "#8B4513"}, 500 );
//document.getElementById('label'+cid).inner = 'Sichtbar';
$( '#label'+cid ).text("Sichtbar");
$( '#label'+cid ).css("padding", ".5em");
}
else
{
$( "#nr-"+fotoid ).animate({backgroundColor: "#FF0000"}, 500 );
//document.getElementById('label'+cid).inner = 'Unsichtbar';
$( '#label'+cid ).text("Unsichtbar");
$( '#label'+cid ).css("padding", ".5em");
}
Vielen dank für deine Hilfe!