[HaBo]

b4ck · 24.04.07, 11:32

joho leute ich habe nach langem suchen im netz ein kleines javascript gefunden das die images einer checkbox ändern soll .... bzw. eigentlich wird keine checkbox mehr verwendet sonder es sieht nur mehr so aus hier die "checkbox"

Code:

<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
</a>

und hier das javascript:

Code:

<script type="javascript/text">
check = [];

function checkBox(id)
    {

    if(check[id] != true)
        {
        document.getElementById('imgCheck' + id).src = "button.png";
        document.getElementById('inputCheck' + id).value = "true";
        check[id] = true;
        }
    else
        {
        document.getElementById('imgCheck' + id).src = "button_false.png";
        document.getElementById('inputCheck' + id).value = "false";
        check[id] = false;
        }
    }
</script>

leider wird das bild nicht geändert sondern es bleibt immer das bild "button_false.png"

leider weis ich nicht wieso ... ich bin jetzt nicht der meister in javascript deshalb hoffe ich das ihr den fehler vieleicht ifndet..:)

boppy · 24.04.07, 12:13

Zitat:

Original von b4ck

Code:

<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
</a>

Code:

<script type="javascript/text">
        document.getElementById('imgCheck' + id).src = "button.png";
        document.getElementById('inputCheck' + id).value = "true";

Du musst zu jkedem Bild auch ein verstecktes Element machen, dass die ID inputCheck%num% trägt. Also:

Code:

<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
<input type="text" name="checkbox0" id="inputCheck0" style="display:none" />
</a>

Allerdings ist auch das nicht sauber! du solltest besser alles über checkboxen belassen:

Code:

<a href="javascript:checkBox(0)">
<img src="button_false.png" id="imgCheck0" style="border: none;"/>
<input type="checkbox" name="checkbox0" id="inputCheck0" style="display:none" />
</a>

Code:

        document.getElementById('imgCheck' + id).src = "button.png";
        document.getElementById('inputCheck' + id).checked = true;

Das sollte dann aber funktionieren... Das Bild dient in JEDEM FALL nur als Dummy und kann weder per POST noch per GET eine Variable übertragen!

Anzeige

- Anzeige -

b4ck · 24.04.07, 12:31

danke schonmal für die antwort werd das gleich mal ausprobieren...
dass das dann nicht per post/get übergeben werden kann ist mir schon klar.. das es nur ein formular ist das an kein php script etc. weitergegeben wird sondern nur zu auf papier ausgedruckt wird ist das auch kein so großes problem

Anzeige

- Anzeige -

24.04.07, 11:32	#1 (permalink)
b4ck Registriert seit: 13.02.06 Likes: 1	checkbox image ändern (javascript) Anzeige joho leute ich habe nach langem suchen im netz ein kleines javascript gefunden das die images einer checkbox ändern soll .... bzw. eigentlich wird keine checkbox mehr verwendet sonder es sieht nur mehr so aus hier die "checkbox" Code: <a href="javascript:checkBox(0)"> <img src="button_false.png" id="imgCheck0" style="border: none;"/> </a> und hier das javascript: Code: <script type="javascript/text"> check = []; function checkBox(id) { if(check[id] != true) { document.getElementById('imgCheck' + id).src = "button.png"; document.getElementById('inputCheck' + id).value = "true"; check[id] = true; } else { document.getElementById('imgCheck' + id).src = "button_false.png"; document.getElementById('inputCheck' + id).value = "false"; check[id] = false; } } </script> leider wird das bild nicht geändert sondern es bleibt immer das bild "button_false.png" leider weis ich nicht wieso ... ich bin jetzt nicht der meister in javascript deshalb hoffe ich das ihr den fehler vieleicht ifndet..:)

Themen-Optionen
Druckbare Version zeigen Jemanden per E-Mail auf dieses Thema hinweisen
Ansicht
Linear-Darstellung Zur Hybrid-Darstellung wechseln Zur Baum-Darstellung wechseln

Ähnliche Themen
Thema	Autor	Forum	Antworten	Letzter Beitrag
Checkbox formatieren	v3rtico	(Web-) Design und webbasierte Sprachen	9	12.12.08 11:34
[masm32] Betätigen einer Checkbox mit SendMessage	dietox	Code Kitchen	6	14.08.08 21:55
CD Image	chaot	Die Problemzone	1	22.06.06 12:38
Checkbox abfrage?	TeeKayo2	(Web-) Design und webbasierte Sprachen	6	16.01.06 22:54
Passwort durch dass ändern der Sam Datei ändern	Xalon	(In)security allgemein	3	08.01.06 18:54

24.04.07, 12:31	#3 (permalink)
b4ck Themenstarter Registriert seit: 13.02.06 Likes: 1	danke schonmal für die antwort werd das gleich mal ausprobieren... dass das dann nicht per post/get übergeben werden kann ist mir schon klar.. das es nur ein formular ist das an kein php script etc. weitergegeben wird sondern nur zu auf papier ausgedruckt wird ist das auch kein so großes problem

[HaBo]

checkbox image ändern (javascript)