JavaScript - Grafik laden

[ExpierenceMT2]

Hallo,

Ich brauche für eine CheckBox eine JavaScript Funktion, sobald auf die Grafik geklickt wird, wird dafür die Grafik vorgesehene Checked-Grafik geladen und eine PHP-Variable gesetzt.
Habe da über Google nichts gefunden.

Kann mir da jemand helfen?

Danke :>

[betriebssysteme]

Ich kann Dir helfen indem ich Dir sage, dass JavaScript keine PHP Variablen setzen kann -.-
Ansonsten habe ich nicht genau verstanden was du meinst.

[Mikesch01]

Wofür wird den nachträglich eine PHP-Variable gesetzt? Du musst doch mit dieser Datei etwas machen, denn nur ein setzen in eine PHP-Variable hat nachträglich keinen Sinn. Der Browser hat zu diesem Zeitpunkt die serverseitige Codierung bereits abgeschlossen. D.h. es würde nachträglich per Ajax funktionieren, würde aber keinen Sinn ergeben

[ExpierenceMT2]

Also habe das ganze bereits so probiert mit der CheckBox funktioniert jedoch nicht:

		<script language="JavaScript">
			function checkBoxTRUE () {
				document.getElementById("checkBoxFALSE").style.backgroundImage = 'url(../images/login/checkBoxLogin_checked.png)';
				document.getElementById("checkBoxFALSE").onclick = 'JavaScript:checkBoxTRUE';				
				document.getElementById("checkBoxFALSE").id = 'checkBoxTRUE';
			}
			
			function checkBoxFALSE () {
				document.getElementById("checkBoxTRUE").style.backgroundImage = 'url(../images/login/checkBoxLogin.png)';
				document.getElementById("checkBoxTRUE").onclick = 'JavaScript:checkBoxFALSE';				
				document.getElementById("checkBoxTRUE").id = 'checkBoxFALSE';
			}
		</script>

Weil ein CheckBox-Style via CSS funktioniert Ja nicht

[MrPuschel]

Ich glaube du weist selbst nicht genau was du da tust. Fang am besten noch einmal von vorn an und überleg dir ob du für dein vorhaben wirklich eine Checkbox brauchst wenn du deren verhalten ohnehin mit javascript nachbilden möchtest.

[ExpierenceMT2]

Originally Posted by MrPuschel

Ich glaube du weist selbst nicht genau was du da tust. Fang am besten noch einmal von vorn an und überleg dir ob du für dein vorhaben wirklich eine Checkbox brauchst wenn du deren verhalten ohnehin mit javascript nachbilden möchtest.

Ich brauche eine CheckBox für "Eingeloggt bleiben", jedoch bietet CSS ja keine Möglichkeit das ich für die CheckBox ein Style benutze, daher muss ich das ganze als normalen Button nachbauen.

[Synatex]

Es gibt dafür durchaus ein kleines Workaround, brauchst also keine Angst haben das du dir da irgendetwas bauen musst. Deine Lösung findest du dort:

Im Grunde wird hierfür das zugewiesene Label als "Grafik" missbraucht und die eigentliche Checkbox ausgeblendet. Natürlich kannst du daneben weiterhin normalen Text platzieren.

Müsstest nur noch dementsprechend die CSS anpassen.

[ExpierenceMT2]

Also er macht es nicht, angepasst wiefolgt:

input[type=checkbox] {
	display:none;
}

input[type=checkbox] + label {
	background:url(../images/login/checkBoxLogin.png); 
	height:32px;
	width:34px;
	display:inline-block;
	padding: 0 0 0 0px;
}

input[type=checkbox]:checked + label {
	background:url(../images/login/checkBoxLogin_checked.png); 
	height:32px;
	width:34px;
	display:inline-block;
	padding: 0 0 0 0px;
}

			<input type="checkbox" name="loginCheckBoxStay" value=""><label for="loginCheckboxStay"></label>

[Synatex]

"Macht es nicht" ist keine Fehlerbeschreibung

[ExpierenceMT2]

Er zeigt mir zwar die Grafik an, jedoch macht er nichts wenn ich auf diese klicke (Sprich lädt nicht die checked nach.)