[javascript, css] problem na IE7 Opcje

[soska66]

Jak zwykle problem dotyczy IE7 (nie wiem jak na starszych wersjach, zakladam, ze skrypt zachowuje sie tak samo.

Oto kod

[HTML] pobierz, plaintext 
function twist( recipient,recipientcheck)
{
	divobj = document.getElementById( recipient );
	checkbox = document.getElementById( recipientcheck );
 
	if(checkbox.checked){
		divobj.style.position = "relative";
		divobj.style.visibility = "visible";
	}else{
		divobj.style.position = "absolute";
		divobj.style.visibility = "hidden";
	}
}
[HTML] pobierz, plaintext 

W formie mam diva, ktory pojawia/chowa sie w zaleznosci czy zaznaczy/odznaczy sie checkboxa.

[HTML] pobierz, plaintext 
<input type="checkbox" name="recipientcheck" id="recipientcheck" onclick="java script:void twist('recipient', 'recipientcheck');">
<div style="visibility:hidden;position:absolute;" id="recipient">
<table border="0" cellspacing="8" cellpadding="0" width="100%" align="left" style="margin-top: 5px">
<tr>
	<td colspan="2"><b>Please enter details of a person that you want to send Voucher to:</b></td>
</tr>
<tr> 
	 <td align="right" width="200">First Name</td>
	<td align="left"> <input class="formbits" name="recipientfname" size="35" maxlength="35" value=""> </td>
</tr>
 
</table>
</div>
[HTML] pobierz, plaintext 

Po zaznaczeniu checkboxa, w IE widac wyraznie, ze strona sie rozszerzam, ale nie pojawia sie 'input' w miejscu rozszerzenia. Wyglada na to, ze dziala atrybut position, al enie dziala visibility (tak jakby caly czas byl hidden)

jesli jednak na sztywno wpisze w divie style="visibility:visible", forma jest widoczna... ale tylko do momentu zaznaczenia checkboxa - wtedy odpalany jest skrypt js i problem z pusta przestrzenia powraca.
Wszystko pieknie smiga na firefoxie i operze

Ten post edytował soska66 7.06.2007, 12:14:14

[^bmb]

nie mam badzIEwia 7 ale pod 6 działa ok.

wyrzuciłem tylko z onclick java script: void bo niepotrzebne

czyli onclick="twist('recipient', 'recipientcheck');"

[soska66]

no u mnie nadal nie dziala... ale wlasnie odkrylem, ze to jednak wina atrybutu position. Jak na sztywno wstawie 'relative' wyrzuce ze skryptu linikji odpowiadajace za zmiane position, dziala dobrze... no z tym, ze wtedy wizualnie jest do kitu, bo pusta przestrzen jest widoczna gdy checkbox jest odznaczony

Ale jak to naprawic to juz nie wiem :/

Ten post edytował soska66 7.06.2007, 13:17:29

[^bmb]

no u mnie nadal nie dziala... ale wlasnie odkrylem, ze to jednak wina atrybutu position. Jak na sztywno wstawie 'relative' wyrzuce ze skryptu linikji odpowiadajace za zmiane position, dziala dobrze... no z tym, ze wtedy wizualnie jest do kitu, bo pusta przestrzen jest widoczna gdy checkbox jest odznaczony

Ale jak to naprawic to juz nie wiem :/

a mozesz wkleic caly kod html w ktorym ci to nie działa?? bo przy samym kawałku który poprzednio wkleiłeś raczej nie ma prawa stwarzać problemów...chyba ze to jedno z "usprawnien" IE 7

[soska66]

Caly HTML to kilkanascie dodatkowych 'zawsze widzialnych' input boxow przed tym checkboxem i divem (wiec nie ma sensu zasmiecac posta calym kodem) ... Plus submit na samym dole (ponizej omawianego diva). To caly html

[revyag]

Zamiast visibility użyj display:block, display:none.