Label: IE gör inget

<LABEL FOR="bild_8">
     <IMG SRC="../coreimg/dumpar/2006/04/18/000001_1145348356_03.jpg" BORDER="0" WIDTH="150" ALT="" TITLE="">
</LABEL>
<INPUT TYPE="checkbox" ID="bild_8" NAME="bild_ID[]" onChange="checkCheckbox();" onClick="checkCheckbox();">

Varför kan jag inte få detta att fungera i IE, i Firefox fungerar den.

?? vad vill du göra ? .. mer kod..

Jag vill att när man klickar på bilden så ska inputen markeras (sättas till true). Det man brukar göra med 'label for', vad jag vet.

Har märkt det själv på bilder. Så det bllir nog till att ha en text istället...

Vad konstigt att label bara fungerar på text i IE.

du skulle då kunna kanske lägga en dold text under bilden i label, ex

<LABEL FOR="bild_8">
     <IMG SRC="../coreimg/dumpar/2006/04/18/000001_1145348356_03.jpg" BORDER="0" WIDTH="150" ALT="" TITLE="">
<p style="visibility:hidden;">bildtext</p></LABEL>

om jag har förstått problemet rätt.. eller det kanske inte funkar :q

Detta finhack funkar annars! (Du får dock ändra height: 30px; i koden till lämplig höjd.)

<label style="display: block; border: none; width: 150px; height: 30px; background-image: url('../coreimg/dumpar/2006/04/18/000001_1145348356_03.jpg');" for="bild_8"></label>
<input type="checkbox" id="bild_8" name="bild_ID[]" onclick="checkCheckbox();" />

Det fungerar inte så lätt.

Jag tror att du har förstått problemmet rätt nu.

Tack nitro2k01

så label fixar inte bilder i IE .. men däremot en tom label ?

Fuel skrev:

så label fixar inte bilder i IE .. men däremot en tom label ?

Precis. Verkar som om bilden fångar klicket och inte bubblar eventet vidare. (Men är dock event.cancelBubble==false för bilden, så det är någon dold mekanism.) Det verkar som det krävs en textnod för att eventet ska bubblas vidare.

nitro2k01 skrev:

Detta finhack funkar annars! (Du får dock ändra height: 30px; i koden till lämplig höjd.)

<label style="display: block; border: none; width: 150px; height: 30px; background-image: url('../coreimg/dumpar/2006/04/18/000001_1145348356_03.jpg');" for="bild_8"></label>
<input type="checkbox" id="bild_8" name="bild_ID[]" onclick="checkCheckbox();" />

Hm...det där resulterar i en helt tom label, vilket inte är så tillgängligt. Det betyder att det är omöjligt att veta vad checkboxen gör om man inte kan se bilder, eller har screenreader osv osv.

Troxy skrev:

Hm...det där resulterar i en helt tom label, vilket inte är så tillgängligt. Det betyder att det är omöjligt att veta vad checkboxen gör om man inte kan se bilder, eller har screenreader osv osv.

Sätt ett title-attribut på labeln.