Guma: Mit Klick auf ein Bild -> Checkbox aktivieren

Hallo zusammen,

ich will beim klicken auf eine Landkarte (Bild), dass eine Checkbox aktiviert wird. Name der Box: name="d" id="d"

geht sowas und wenn ja wie...?
Guma

  1. hi,

    ich will beim klicken auf eine Landkarte (Bild), dass eine Checkbox aktiviert wird. Name der Box: name="d" id="d"

    geht sowas und wenn ja wie...?

    Du möchtest das Bild in das zur Checkbox gehörende Label-Element setzen.

    Kurz danach möchtest du vermutlich den IE verfluchen, der das IIRC nicht beherrscht, und Javascript zuhilfe nehmen.

    gruß,
    wahsaga

    --
    /voodoo.css:
    #GeorgeWBush { position:absolute; bottom:-6ft; }
    1. Guter Wahsager, javascript wäre also ganz gut?! Wie gehe ich vor?

      Guma

      1. Hallo,

        Guter Wahsager, javascript wäre also ganz gut?!

        nein, weil es unnötig ist. Das geht problemlos mit HTML allein:

        <label for="id_chkbox"><img src="..." alt="..."></label>  
        <input type="checkbox" id="id_chkbox">
        

        Ciao,
         Martin

        --
        Ich wollt', ich wär ein Teppich. Dann könnte ich morgens liegenbleiben.
        1. Danke Martin, ich nutze das jetzt. Vielen dank Guma

        2. Hallo,

          nein, weil es unnötig ist. Das geht problemlos mit HTML allein:

          <label for="id_chkbox"><img src="..." alt="..."></label>

          <input type="checkbox" id="id_chkbox">

            
          Hast Du das [ausprobiert](http://forum.de.selfhtml.org/archiv/2006/4/t128057/#m826953), was Du da so vehement behauptest?  
            
          viele Grüße  
            
          Axel
          
          1. Hallo Axel,

            <label for="id_chkbox"><img src="..." alt="..."></label>

            <input type="checkbox" id="id_chkbox">

            
            >   
            > Hast Du das [ausprobiert](http://forum.de.selfhtml.org/archiv/2006/4/t128057/#m826953), was Du da so vehement behauptest?  
              
            ja, mit einem IE5.5, ist aber schon mindestens ein halbes Jahr her - kann ich ahnen, dass dieses Drecksteil von IE6 plötzlich ein Problem damit hat? (Ja, ich freue mich immer wieder, dass ich beim 5.5er geblieben bin.)  
              
            Ciao,  
             Martin  
            
            -- 
            Die beste Informationsquelle sind Leute, die jemand anderem versprochen haben, nichts weiterzuerzählen.  
              (alte Journalistenweisheit)
            
        3. Hallo Martin,
          <label for="check_d"><img src="deutschland.gif" alt="germany" width="102" height="129" border="0"></label><br><input name="land" type="radio" id="check_d" value="alle" checked>

          Funzt nicht IE 6.0. Liegts am Browser oder am Code?

          Guma

          1. Hi Guma!

            Funzt nicht IE 6.0. Liegts am Browser oder am Code?

            Was sagt denn der Firefox?

            MfG H☼psel

            --
            "It's amazing I won. I was running against peace, prosperity, and incumbency."
            George W. Bush speaking to Swedish Prime Minister unaware a live television camera was still rolling, June 14, 2001
            Selfcode: ie:% fl:( br:> va:) ls:& fo:) rl:? n4:& ss:| de:] js:| ch:? sh:( mo:) zu:)
            1. Was sagt denn der Firefox?

              Firefox macht alles wie ich es will. IE hat ein problem! Ich geh über in die Javascript-Variante. Heul!

              Guma

              1. Hallo,

                Was sagt denn der Firefox?
                Firefox macht alles wie ich es will. IE hat ein problem! Ich geh über in die Javascript-Variante. Heul!

                Hast Du mal auf den Link in meinem Posting geklickt? Da gibt es auch einen Workaround ohne JavaScript. Allerdings brauchst Du dafür ein Bild, welches nicht skaliert werden muss.

                viele Grüße

                Axel

    2. Hallo,

      Du möchtest das Bild in das zur Checkbox gehörende Label-Element setzen.

      hätte ich auch empfohlen.

      Kurz danach möchtest du vermutlich den IE verfluchen, ...

      Das möchten viele.

      der das IIRC nicht beherrscht, und Javascript zuhilfe nehmen.

      YRI (You Remember Incorrectly). ;-)
      Was der IE *nicht* beherrscht, ist die Assoziation von label und input anhand ihrer Verschachtelung. Die alternative, weniger elegante Konstruktion mit <label for="..."> und <input id="..."> macht ihm dagegen keine Probleme.

      So long,
       Martin

      --
      Time's an illusion. Lunchtime doubly so.
        Douglas Adams, "The Hitchhiker's Guide To The Galaxy"
      1. hi,

        YRI (You Remember Incorrectly). ;-)
        Was der IE *nicht* beherrscht, ist die Assoziation von label und input anhand ihrer Verschachtelung. Die alternative, weniger elegante Konstruktion mit <label for="..."> und <input id="..."> macht ihm dagegen keine Probleme.

        IIRNI, dann mag der IE trotzdem nicht den Status der Checkbox ändern, wenn auf das _Bild_ im Label geklickt wird.

        gruß,
        wahsaga

        --
        /voodoo.css:
        #GeorgeWBush { position:absolute; bottom:-6ft; }