Tijden veranderen
form disabled in IE?
Ik heb een overlay div als je op een link klik en daarin laad ik een form mbv ajax.
de CSS van de overlay zit er zo uit:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
.overlay-show
{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 100;
background-image: url("../Graph/add_bg.png");
background-color: transparent;
}
/* IE6 Transparante PNG hack */
* html .overlay-show
{
z-index: 100;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Graph/add_bg.png", sizingMethod="scale");
}
{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 100%;
height: 100%;
z-index: 100;
background-image: url("../Graph/add_bg.png");
background-color: transparent;
}
/* IE6 Transparante PNG hack */
* html .overlay-show
{
z-index: 100;
filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="Graph/add_bg.png", sizingMethod="scale");
}
De div wordt door de volgende javascript functie geshowt of verborgen:
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
2
3
4
5
6
7
8
9
10
11
12
13
14
function hideOverlay()
{
var div = document.getElementById('overlay');
if(div.style.display == "none")
{
div.style.display = "block";
LoadPage('notitie-toevoegen.php','overlay');
}
else
{
div.style.display = "none";
}
}
{
var div = document.getElementById('overlay');
if(div.style.display == "none")
{
div.style.display = "block";
LoadPage('notitie-toevoegen.php','overlay');
}
else
{
div.style.display = "none";
}
}
Even voor de duidelijkheid nog, de div 'overlay' is dus 100% breed en hoog. Deze heeft als achtergrond plaatje een doorzichtige .png In deze div wil ik een formulier tonen die geladen wordt via mbv ajax.
Het probleem is dat het in FF prima werkt, maar in IE 7 geeft het een probleem. In IE 7 wordt de overlay div keurig geactiveerd en zie ik ook netjes mijn formulier. Punt is alleen dat ik nergens op kan klikken. Het lijkt alsof IE 7 mijn formulier blokkeer :S Heel vaag.
Je kan het hier werkend zien. Klik op notities en dan rechtsboven op het plusje om notitie toe te voegen. Je zal zien dat t in FF wel goed gaat, maar in IE dus niet
http://www.demaffia.nl/tmp/start/index.php
Hopelijk kunnen jullie me helpen :)
Thnx alvast :)
Laat ze FireFox downloaden. Probleem opgelost, en je helpt je bezoeker!
Heb net even hier gekeken, maar dat werkt wel gewoon. In princiepe haal je precies hetzelfde binnen... Trouwens dat klopt niet helemaal, want je css word niet helemaal binnengehaald, je hebt een andere lettertype in je overlay
Kan het zijn dat je 2 verschillende css pagina's laad? en dat die in conflict staan?
Zet toch alles in een form en alles komt goed !
BTW IE ZUIGT het internet