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