✔ Probleme mit IE

[flying-anzi]

Hallo

hab mir ein kleines Js zusammengebastelt, welches einige div's sichtbar machen soll...
In Opera, Firefox, Safari funktioniert es auch wunderbar, jedoch im Internetexplorer funktioniert garnichts...

Hier der Code:

function comment(msgkey){
	vsize = window.innerHeight;
	hsize = window.innerWidth;
		
	vpos=(vsize/2)-175;
	vpos1=(vsize/2)-200;
	hpos=(hsize/2)-150;
	
	document.getElementById('innerdiv').style.top= vpos  + "px";
	document.getElementById('innerdiv').style.left= hpos + "px";	
	document.getElementById('innerdiv').style.display='block';
	
	document.getElementById('outer_div').style.width= hsize + "px";
	document.getElementById('outer_div').style.height= vsize + "px";
	document.getElementById('outer_div').style.top	=0 +"px";
	document.getElementById('outer_div').style.left	=0 + "px";
	document.getElementById('outer_div').style.display='block';	
	document.getElementById('innerdiv').innerHTML = '<iframe src="_includes/popup.php?action=artikel_comment&msgkey='+msgkey+'" frameborder="0" scrolling="no" id="frame" style="position:absolute; width:500px; height:350px; left:0px;"></iframe>';
	document.getElementById('schliessen_div').style.top= vpos1 + "px";
	document.getElementById('schliessen_div').style.left= hpos + "px";	
	document.getElementById('schliessen_div').style.display='block';
	
}

 

[Maik]

Hi,

der IE kennt kein innerHeight und innerWidth.

mfg Maik

 

[flying-anzi]

gibts dann vielleicht eine andere Möglichkeit um die Maße des Fensters herauszufinden?

mfg

 

[Maik]

Lies mal die beiden verlinkten Abschnitte durch - da wird auch auf den IE näher eingegangen.

mfg Maik

 

[Quaese]

Hi,

versuch es mal über die Eigenschaften offsetHeight und offsetWidth des body-Elements.

vsize = (document.all && !window.opera)? document.getElementsByTagName("body")[0].offsetHeight : window.innerHeight;
hsize = (document.all && !window.opera)? document.getElementsByTagName("body")[0].offsetWidth : window.innerWidth;

Das setzt jedoch voraus, dass das body-Element bereits existiert. Du kannst deine Funktion also zeitigstens im onload-Event aufrufen.

window.onload = function(){
  comment('nachricht');
}

Ciao
Quaese

 

[flying-anzi]

danke^^ jetzt wird wenigstens mal eine div eingeblendet...

jedoch bleibt die innerdiv noch immer versteckt und wird nicht sichtbar

 

[Quaese]

Hi,

dann zeig doch bitte, was du bisher an Quellcode hast - HTML, JS, CSS. Aber bitte aufs Notwendigste reduziert.

Ciao
Quaese