IE szerint a display: none == elem törlése
Újabb érdekes torzulásra lettem figyelmes mindannyiunk kedvenc böngészőjének lelki világában.
Adott az alábbi forrás:Tehát adott három radio, ezekhez label-ek.
Első körben a radiok display: block-on vannak. Ekkor kattintunk a label-re és a hozzárendelt radio kijelölésre kerül. Elküldjük az űrlapot, hurrá, kiírja az eredményt.
Másodszorra beállítunk egy display: none-t. Firefox és Opera alatt ekkor is hiba nélkül működik a dolog, az Explorer azonban úgy tűnik ilyenkor már nem hajlandó tudomásul venni a radio-k létezését...
Van esetleg bárkinek ötlete, hogyan lehetne orvosolni a problémát?
■ Adott az alábbi forrás:
- <?php
- header('Content-type: text/html; charset=utf-8');
- print'<?xml version="1.0" encoding="utf-8"?>'."\n";
- ?>
- <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
- <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="hu" lang="hu">
- <head>
- <title>IE Bug</title>
- <style>
- #elso, #masodik, #harmadik
- {
- display: none;
- }
- </style>
- </head>
- <body>
- <?php if (isset($_POST['adat'])){ print '<p>Postolt adat: '.$_POST['adat'].'</p>'; } else {print '<p>A $_POST[\'adat\'] nem létezik</p>';}?>
- <form method="post" action="<?php print $_SERVER['PHP_SELF'] ?>">
- <fieldset>
- <label for="elso">Első</label><input type="radio" name="adat" value="1" id="elso"/>
- <label for="masodik">Második</label><input type="radio" name="adat" value="2" id="masodik"/>
- <label for="harmadik">Harmadik</label><input type="radio" name="adat" value="3" id="harmadik"/>
- <input type="submit" value="Mehet" />
- </fieldset>
- </form>
- </body>
- </html>
Első körben a radiok display: block-on vannak. Ekkor kattintunk a label-re és a hozzárendelt radio kijelölésre kerül. Elküldjük az űrlapot, hurrá, kiírja az eredményt.
Másodszorra beállítunk egy display: none-t. Firefox és Opera alatt ekkor is hiba nélkül működik a dolog, az Explorer azonban úgy tűnik ilyenkor már nem hajlandó tudomásul venni a radio-k létezését...
Van esetleg bárkinek ötlete, hogyan lehetne orvosolni a problémát?
Próbáld ki, hogy egyik legyen selected
OK
Az elöbb már próbáltam, hogy label-re onclick, és DOM-mal bejelölöm, de volt benne egy kis hiba, most ez az út járhatónak tűnik.
tipp
nem
Visible + position