zurück zur Startseite
  


Zurück XHTMLforum > (X)HTML und CSS > (X)HTML
Seite neu laden Checkbox checken bei Klick auf Bild (kein JS)

Antwort
 
LinkBack Themen-Optionen Ansicht
  #1 (permalink)  
Alt 02.02.2011, 11:22
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.10.2009
Beiträge: 176
1chris befindet sich auf einem aufstrebenden Ast
Standard Checkbox checken bei Klick auf Bild (kein JS)

Hey ho Forum,

ist es möglich OHNE Javascript, bei einem Klick auf ein Bild eine Checkbox zu checken?

Meine Grundidee war:
HTML-Code:
<input type="radio" id="bild1" name="frage" />
<label for="bild1" style="display:block">
    <img src="img/bild1.jpg" alt="txt" />
</label>

<input type="radio" id="bild2" name="frage" />
<label for="bild2" style="display:block">
    <img src="img/bild2.jpg" alt="txt" />
</label>
Der Code funktioniert im FF aber nicht im IE7. Was ich suche ist eine Lösung die in den aktuellen Browserversionen + IE7 läuft.

Als Notlösung würde vermutlich noch das Bild als BG im label funktionieren, wäre aber ehr unschön (finde ich).

Über hilfreiche BEiträge würde ich mich freuen
Mit Zitat antworten
Sponsored Links
  #2 (permalink)  
Alt 02.02.2011, 12:18
Benutzer
neuer user
 
Registriert seit: 04.12.2007
Beiträge: 49
artist befindet sich auf einem aufstrebenden Ast
Standard

Also 1. ist <label> für so etwas nicht vorgesehen.
Wie du selbst schon sagst, kannst du das mit dem background-image versuchen, denn ich glaube selbst, dass du es anders nicht hinbekommen wirst!
Mit Zitat antworten
Sponsored Links
  #3 (permalink)  
Alt 03.02.2011, 13:12
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.10.2009
Beiträge: 176
1chris befindet sich auf einem aufstrebenden Ast
Standard

Ob es jetzt dafür vorgesehen ist oder nicht, guck ich jetzt nicht nach - aber die Funktionalität dahinter fände ich durchaus praktisch, meinetwegen könnte "for" auch in mehreren Elementen möglich sein
Mit Zitat antworten
  #4 (permalink)  
Alt 03.02.2011, 13:21
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Wieso ist label dafür nicht vorgesehen? Es dient zur Beschriftung und der Code funktionert zumindest im IE 8

EDIT: Nö doch nicht. Nur mit einem Bild funktioniert es nicht im IE.
Mit Zitat antworten
  #5 (permalink)  
Alt 03.02.2011, 15:03
Benutzerbild von Chris2011
Erfahrener Benutzer
XHTMLforum-Mitglied
 
Registriert seit: 04.01.2011
Beiträge: 301
Chris2011 befindet sich auf einem aufstrebenden Ast
Standard

Das geht ganz einfach mit javescript

<script>
$(".fav").click(function () {
$("body").find("input").eq(3).attr('checked', 'checked');
$("body").find("input").eq(6).attr('checked', 'checked');
});
</script>


<div class="fav">Fav1</div>

Wird das Element mit der Klasse "fav" geklickt durchsuche <body> nach input-Elementen. mit .eq gibst du an welche er checken soll er fängt von 0 an zu zählen. also .eq(3) ist somit die 4 checkbox
Mit Zitat antworten
  #6 (permalink)  
Alt 03.02.2011, 15:10
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Du hättest die Frage lesen müssen:
Zitat:
Zitat von 1chris Beitrag anzeigen
ist es möglich OHNE Javascript, bei einem Klick auf ein Bild eine Checkbox zu checken?
Mit Zitat antworten
  #7 (permalink)  
Alt 03.02.2011, 16:51
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.10.2009
Beiträge: 176
1chris befindet sich auf einem aufstrebenden Ast
Standard

Zitat:
Zitat von protonenbeschleuniger Beitrag anzeigen
Nur mit einem Bild funktioniert es nicht im IE.
Wie ist das gemeint? Wenn ein span noch im label liegt, dass dann der Klcik auf das span funktioniert? (das tut er, aber vermutlich klicken die meisten Menschen ehr auf die Grafik - ist relativ groß).
Oder war das nur allgemein, dass es so im IE nicht geht? ^^

Geändert von 1chris (03.02.2011 um 19:06 Uhr)
Mit Zitat antworten
  #8 (permalink)  
Alt 04.02.2011, 11:56
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Ja so hatte ich das getestet, deshalb war ich auf die falsche Schlußfolgerung gekommen, dass es doch geht.

Die Möglichkeit, mit dem Hintergrundbild funktioniert aber.
Mit Zitat antworten
  #9 (permalink)  
Alt 04.02.2011, 13:14
Erfahrener Benutzer
XHTMLforum-Mitglied
Thread-Ersteller
 
Registriert seit: 16.10.2009
Beiträge: 176
1chris befindet sich auf einem aufstrebenden Ast
Standard

Alllerdings wäre es aus HTML-Sicht ja richtiger ein img zu nehmen (es handelt sich um Content und nicht Design) - nur das es nicht geht, schade.

Hatte es auch als bg & label gelöst, bin aber trotzdem nicht wirklich zufrieden und hatte gehoft, dass jemand die "ultimative Lösung" hat

Trotzdem Dankefür eure Antworten!
Mit Zitat antworten
Sponsored Links
  #10 (permalink)  
Alt 04.02.2011, 13:49
Benutzerbild von protonenbeschleuniger
Verbesserer
XHTMLforum-Kenner
 
Registriert seit: 06.09.2007
Beiträge: 4.949
protonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblickprotonenbeschleuniger ist ein wunderbarer Anblick
Standard

Naja, die Lösung wäre in em Fall auf den IE keine Rücksicht zu nehmen, da dies nicht unbedingt ein herrausragendes Feature ist, was darüber hinaus nicht mal viele Leute kennen dürften.
Mit Zitat antworten
Sponsored Links
Antwort

Themen-Optionen
Ansicht

Forumregeln
Es ist Ihnen nicht erlaubt, neue Themen zu verfassen.
Es ist Ihnen nicht erlaubt, auf Beiträge zu antworten.
Es ist Ihnen nicht erlaubt, Anhänge hochzuladen.
Es ist Ihnen nicht erlaubt, Ihre Beiträge zu bearbeiten.

BB-Code ist an.
Smileys sind an.
[IMG] Code ist an.
HTML-Code ist aus.
Trackbacks are an
Pingbacks are an
Refbacks are aus


Ähnliche Themen
Thema Autor Forum Antworten Letzter Beitrag
Bild per klick in die Divbox siriussmarty (X)HTML 7 07.07.2010 19:27
div umgibt checkbox..jquery toggle um checkbox zu checken? sepp88 Javascript & Ajax 7 12.01.2010 21:26
Klick auf Bild soll Radiobutton aktivieren & Formular absenden fmp Javascript & Ajax 2 26.09.2008 15:57
Bild per Klick größer und kleiner werden lassen dieSavvy (X)HTML 4 30.11.2006 23:59
Bild verrutscht in IE bei Klick auf Eigenschaften xm22 CSS 1 05.06.2006 13:39


Alle Zeitangaben in WEZ +2. Es ist jetzt 00:41 Uhr.