[Erledigt] Checkbox onchange

Buschdieb · 03.10.2010, 12:55

Hallo Leute,

ich brauch mal wieder euren Rat. Ich sitze seit einigen Tagen immer mal wieder an folgendem Problem.

Ich hab eine PHP Datei die eine Liste erstellt. In jedem Listenpunkt befindet sich eine Checkbox (sichtbar) Dir mir anzeigt ob der Datensatz in der Datenbank eine 0 oder 1 hat. Bei 1 ist die Checkbox aktiviert und bei 0 ist die checkbox deaktiviert. Mit einem Funktionsaufruf über onchange veränder ich diesen Datensatz per AJAX. Soweit so gut. Bisher klappt alles super. Jetzt komm ich zum eigentliche Problem. Ich möchte bei deaktivierter Checkbox das, dass Listenelement die Hintergrundfarbe rot bekommt und bei aktivierter checkbox die Hintergrundfarbe braun. Hat jemand einen Lösungsansatz. Mit meinen bisherigen Lösungen komme ich nie über ein zweites Mal klicken hinweg. Beispiel:

Seite wird geladen:
checkbox ist deaktiviert Farbe = rot
Klick auf Checkbox:
checkbox ist aktiviert Farbe = braun
Klick auf Checkbox
checkbox ist deaktiviert Farbe = braun (eigentlich rot)

Da ich zu viele Codebeispiele habe möchte ich vorerst darauf verzichten und mir erstmal eure Vorschläge anhören.

Vielen Dank schon mal im vorraus!

Wolla · 03.10.2010, 13:20

Zitat:

Da ich zu viele Codebeispiele habe möchte ich vorerst darauf verzichten und mir erstmal eure Vorschläge anhören.

Nö.

Zeig das, was nicht funktioniert und beschreibe, was statt des Erwarteten passiert.

Buschdieb · 03.10.2010, 14:45

Zitat:

Zitat von Wolla

Nö.
Zeig das, was nicht funktioniert und beschreibe, was statt des Erwarteten passiert.

hier mein aktueller code (html ausgabe):

Code:

<script type="text/javascript">sc1 = 0;</script>
<li id="nr-172" class="sortitem" style="background-color:#FF0000;"><br><div style="margin-top: -25; cursor: default;"></div><input style="margin-top: 10px; margin-left: -80px; padding: 0;" type="checkbox" name="sichtbar1" id="sichtbar1" value="172" onchange="change_sichtbar('172',sc1,'1'); sc1 = 1; return false;" ></li>

<script type="text/javascript">sc2 = 1;</script>
<li id="nr-173" class="sortitem" style="background-color:#8B4513;"><br><div style="margin-top: 15px; margin-left: 20px; ">Sichtbar</div><div style="margin-top: -25; cursor: default;"></div><input style="margin-top: 10px; margin-left: -80px; padding: 0;" type="checkbox" name="sichtbar2" id="sichtbar2" value="173" onchange="change_sichtbar_foto('173',sc2,'2'); sc2 = 0; return false;"  checked></li>

Eine Idee wäre den Status der checkbox in eine globale js variable zu schreiben. siehe sc1 = 1 und sc2 = 0 und jedes mal nach dem ändern der farbe zu überschreiben. Bloß wie kann ich aus den übergebenen werten (change_sichtbar_foto('173',sc2,'2')

eine variable machen die dann sc2 = 1 macht.
'sc'+cid = 1 funktioniert ja nicht. Irgendwie steh ich auf dem Schlauch.

js funktion

Code:

function change_sichtbar_foto(id,sc,cid)
    { 
    stateloading(true,'status');
    //aenderung wird vorgenommen
$.post("XX.php", { A: uid, B: id},
      function(data){            
        document.getElementById('status').innerHTML = data;
      });

      //alert('#nr-'+id);
      //alert(document.getElementById('sichtbar'+cid).checked);
      
if (sc == 1)
        {
        alert("sichtbar");
        alert(sc1);
        }
        else
        {           
        alert("unsichtbar");
        alert(sc1);
        }
//     $( bsichtbar ).toggle(
//       function() {
//           $( "#nr-"+fotoid ).animate({
//               backgroundColor: "#aa0000",
//               color: "#fff",
//               width: 500
//           }, 1000 );
//       },
//       function() {
//           $( "#nr-"+fotoid ).animate({
//               backgroundColor: "#fff",
//               color: "#000",
//               width: 240
//           }, 1000 );
//       }
//     );

Ich bin der Sache jetzt mit

Code:

alert(document.getElementById('sichtbar'+cid).checked);

auf der Spur!

Buschdieb · 03.10.2010, 14:51

soo ich habs gelöst... ich muss immer wieder einen fehler gemacht haben. ich bin jetzt selber darauf gekommen.

folgender code ist jetzt in der js funktion change_sichtbar

Code:

      if (document.getElementById('sichtbar'+cid).checked == true)
        {
        $( "#nr-"+id ).animate({backgroundColor: "#8B4513"}, 1000 );
        }
        else
        {
           $( "#nr-"+id ).animate({backgroundColor: "#FF0000"}, 1000 );
        }

juhuhuhu! endlich!

Trotzdem DANKE!

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Thema bewerten
Thema bewerten:

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Checkbox -> mehrere Einträge löschen (SQL)	Minimi	PHP Tipps 2010	8	08.04.2010 17:41
LOGIN mit Checkbox	Emskopp	PHP Tipps 2009	16	27.12.2009 19:20
selectboxen durch checkbox aktivieren	grunz	JavaScript, Ajax und mehr	13	30.08.2009 17:02
[Erledigt] Checkbox Zustand aus DB auslesen	Knutschi	PHP Tipps 2009	22	05.05.2009 14:02
checkbox behält den wert nicht	nieselfriem	PHP Tipps 2009	8	19.02.2009 23:02
[Erledigt] onclick problem bei checkbox	familyman	JavaScript, Ajax und mehr	5	31.01.2009 19:39
checkbox onchange in IE 7 wie onblur	drsoong	HTML, Usability und Barrierefreiheit	1	13.01.2009 14:02
Aktivieren einer Checkbox aktiviert viele andere Checkboxen	buggybugga	HTML, Usability und Barrierefreiheit	3	12.03.2007 16:23
Checkbox Text daneben	andrew22	HTML, Usability und Barrierefreiheit	7	22.02.2007 16:44
Checkbox	jacos	PHP Tipps 2006	5	01.04.2006 10:19
[Erledigt] Checkbox wert weitergeben		PHP Tipps 2007	8	09.12.2005 14:30
[Erledigt] Checkbox via Button steuern		HTML, Usability und Barrierefreiheit	2	17.10.2005 09:53
checkbox .. mehrere werte auslesen bei gleichem namen		PHP Tipps 2005-2	9	12.10.2005 15:24
[Erledigt] Checkbox - Übergabe mehrerer Werte	patr1k	HTML, Usability und Barrierefreiheit	6	16.03.2005 11:25
[Erledigt] Formularelement Checkbox in Interaktion mit MYSQL		Datenbanken	4	13.07.2004 12:14

03.10.2010, 12:55
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	[Erledigt] Checkbox onchange Hallo Leute, ich brauch mal wieder euren Rat. Ich sitze seit einigen Tagen immer mal wieder an folgendem Problem. Ich hab eine PHP Datei die eine Liste erstellt. In jedem Listenpunkt befindet sich eine Checkbox (sichtbar) Dir mir anzeigt ob der Datensatz in der Datenbank eine 0 oder 1 hat. Bei 1 ist die Checkbox aktiviert und bei 0 ist die checkbox deaktiviert. Mit einem Funktionsaufruf über onchange veränder ich diesen Datensatz per AJAX. Soweit so gut. Bisher klappt alles super. Jetzt komm ich zum eigentliche Problem. Ich möchte bei deaktivierter Checkbox das, dass Listenelement die Hintergrundfarbe rot bekommt und bei aktivierter checkbox die Hintergrundfarbe braun. Hat jemand einen Lösungsansatz. Mit meinen bisherigen Lösungen komme ich nie über ein zweites Mal klicken hinweg. Beispiel: Seite wird geladen: checkbox ist deaktiviert Farbe = rot Klick auf Checkbox: checkbox ist aktiviert Farbe = braun Klick auf Checkbox checkbox ist deaktiviert Farbe = braun (eigentlich rot) Da ich zu viele Codebeispiele habe möchte ich vorerst darauf verzichten und mir erstmal eure Vorschläge anhören. Vielen Dank schon mal im vorraus! __________________ fragen ist kostenlos! Buschdieb.com


Mister Ad PHP Code Flüsterer Registriert seit: 21.08.2005 Beiträge: 4682 PHP-Kenntnisse: Fortgeschritten

03.10.2010, 14:51
Buschdieb Erfahrener Benutzer Registriert seit: 11.12.2004 Beiträge: 238 PHP-Kenntnisse: Anfänger	soo ich habs gelöst... ich muss immer wieder einen fehler gemacht haben. ich bin jetzt selber darauf gekommen. folgender code ist jetzt in der js funktion change_sichtbar Code: if (document.getElementById('sichtbar'+cid).checked == true) { $( "#nr-"+id ).animate({backgroundColor: "#8B4513"}, 1000 ); } else { $( "#nr-"+id ).animate({backgroundColor: "#FF0000"}, 1000 ); } juhuhuhu! endlich! Trotzdem DANKE! __________________ fragen ist kostenlos! Buschdieb.com