Beiträge von JanSchumacher

JanSchumacher

Hi @ all,

weis vielleicht einer eine Methode um die outerHeight eines Browserfensters des Internet Explorers zu bestimmen?
Ich habe eine möglichkeit gefunden die innerHeight zu bestimmen.

Code

var x,y;
if (self.innerHeight) // all except Explorer
{
	x = self.innerWidth;
	y = self.innerHeight;
}
else if (document.documentElement && document.documentElement.clientHeight)
	// Explorer 6 Strict Mode
{
	x = document.documentElement.clientWidth;
	y = document.documentElement.clientHeight;
}
else if (document.body) // other Explorers
{
	x = document.body.clientWidth;
	y = document.body.clientHeight;
}		
alert(x + ' MOZ ' + y);

Alles anzeigen

Da man die Werte der Methode nicht verändern kann versuche ich das mit self.resizeTo();! Aber dafür brauche ich dann noch die äußere größe des Browsers um diese Minus der innerHeight zu rechnen um somit die Navigationsleisten mitzuberechnen.

Kann mir da einer einen Tip geben??

Lieben Gruß

der Jan

JanSchumacher

Hi Leutz,

ich brauch ma eure Hilfe! Hab da ein Problem mit der Hintergrundfarbe in nem neuen Fenster! Hier ist erstmal der Code!

Code

<script type="text/javascript">
function openWindow(datei, name, eigenschaft){
	var childWindow = window.open(datei, name, eigenschaft);
	childWindow.document.bgColor = "#B9D4F0";
}
</script>
<table width="100%" border="0" cellspacing="2" cellpadding="0">
        <tr>
          <td width="100%" class="bildboxentest" align="center"><a href="javascript:openWindow('../images/fleet/Maersk_Naha580x387.jpg', 'openWindow', 'width=600,height=417,bgcolor=#B9D4F0')" class="linkb">Big
            Picture</a></td>
        </tr>
      </table>

Alles anzeigen

Es funktioniert eigentlich alles im Internet-explorer!!

Aber nicht im Modzilla Firefox! Der Browser übernimmt die bgcolor nicht! Kann mit wer sagen wie ich das problem beheben kann??

JanSchumacher

Hmm hier ist mal der Code! Vielleicht hilft das ist ein Prog welches bei onClick die Bilder hin und her schiebt.

HTML

<html>
<head>
<title></title>
<script type="text/javascript">


	var step;
	var x;
	var y;
	var startWert;
	var ix;
	var maxHeight;
	var delay;
	var bild;
	var counter;
	var bildd;
	var lastbildd;
	var left;
	var lastleft;
	var leftx;
	var top;
	var lasttop;
	var topy;
	var schrittx;
	var schritty;
	var deltasize;
	var lastbild;
	var isrunning = 0;


function init(img){
	bild = document.getElementById(img.id.substr(1, img.id.length));
	if(lastbild != bild){
		step = 20;
		x = 210;
		y = 150;
		startWert = 99;
		ix = startWert;
		maxHeight = 200;
		delay = 1;
		counter = 0;
		var image;
		for (var i = 0; i < document.images.length; i++) {
			image = document.images[i];
			imgname = image.id + "d";
			if('_' == imgname.substr(0,1)){
				document.getElementById(imgname.substr(1, imgname.length)).style.left = document.getElementById(imgname).style.left;
				document.getElementById(imgname.substr(1, imgname.length)).style.top = document.getElementById(imgname).style.top;
				document.getElementById(imgname.substr(1, imgname.length-2)).height = startWert;
			}
		}
	}
}


function zoomBild(img){
	bild = document.getElementById(img.id.substr(1, img.id.length));
	bildd = document.getElementById(bild.id + "d");
	if(lastbild != bild){
		lastleft=document.getElementById(img.id + "d").style.left;
		lasttop=document.getElementById(img.id + "d").style.top;
		left = bildd.style.left;
		leftx = left.substr(0,(left.length-2));
		top = bildd.style.top;
		topy = top.substr(0,(top.length-2));
		leftx *= 1;
		topy *= 1;
		schrittx = (x - leftx) / step;
		schritty = (y - topy) / step;
		deltasize = (maxHeight - startWert) / step;
		zoom();
	}
}


function zoom(){
	bild.height = ix;
	if (counter < step) {
		ix = ix + deltasize;
		leftx = leftx + schrittx;
		topy = topy + schritty;
		bildd.style.left = leftx;
		bildd.style.top = topy;
		counter++;
		window.setTimeout("zoom()",delay);
	} else {
		lastbild = bild;
		lastbildd = bildd;


	}
}


function gehtLos(img){
	if(isrunning == 0){
		isrunning = 1;
		init(img);
		zoomBild(img);
		isrunning = 0;
	}


}
</script>
</head>


<body>
















<div style="height:500px; width:828px;">
<div id="bild1d" style="position:absolute; top:0px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="bild2d" style="position:absolute; top:109px; left:10px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="bild3d" style="position:absolute; top:218px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="bild4d" style="position:absolute; top:327px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>


<div id="_bild1d" style="position:absolute; top:0px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="_bild2d" style="position:absolute; top:109px; left:10px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="_bild3d" style="position:absolute; top:218px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="_bild4d" style="position:absolute; top:327px; left:10px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
</div>


<div style="height:500px; width:828px">
<div id="bild5d" style="position:absolute; top:0px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="bild6d" style="position:absolute; top:109px; left:610px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="bild7d" style="position:absolute; top:218px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="bild8d" style="position:absolute; top:327px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>


<div id="_bild5d" style="position:absolute; top:0px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/01.jpg[/img]</div>
<div id="_bild6d" style="position:absolute; top:109px; left:610px;" >[img]file:///C|/Projekte/blumenthal/Bilder/bilder/02.jpg[/img]</div>
<div id="_bild7d" style="position:absolute; top:218px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/03.jpg[/img]</div>
<div id="_bild8d" style="position:absolute; top:327px; left:610px;">[img]file:///C|/Projekte/blumenthal/Bilder/bilder/04.jpg[/img]</div>
</div>
</body>
</html>

Alles anzeigen

So nun ist das problem das ich mit cms arbeite und der rum spackt sobald ich position:absolute; benutze! Ich weis net mehr weiter mit dem kram.

JanSchumacher

Hi leute will mein Div verschieben ohne dieses sch... position wie geht das ich probiere schon seit tagen dran rum es geht nicht!!! BITTE HELFT MIR

Euer JAn

JanSchumacher

Hi leutz,

hab mal wieder nen problem!

Ich bin immernoch dabei ne Webseite zu bastelln.
Nun ist das problem das ich ein css habe wo die class .test drin ist. Der ändert aber immer wieder in meinem Quelltext folgende Syntax "class="test"" auf class="_fcksavedurl="! Was kann das sein???

Gruss

Der Jan

JanSchumacher

ich habs raus!!!

Es lag an der height in dem css!!!

Code

.headerborderbottom{
		vertical-align:center;
		font-family: Verdana;
		font-size:11px;
		color: #ABD5FF;
		text-align: center;
		border-bottom: solid 1px #FFFFFF;
		padding-top:5px;
		padding-bottom:5px;
		width:166px;
		z-index:0;
	}

Alles anzeigen

DANKE FÜR DEINE HILFE!!!

Viel Spass noch ihr seit SUPER!!

DANKE GRUß

Jan

JanSchumacher

und wie mache ich das??

JanSchumacher

So siehts immoment aus

JanSchumacher

jab es ändert sich aber nichts an der ausrichtung des textes wie gesagt es funktionier alles nur der text lässt sich nicht verschieben

Beiträge von JanSchumacher

outerHeight im Internet Explorer

Neues Fenster mit Bild öffnen und die Hintergrungfrabe änder

<div> verschieben ohne style="position:......&quo

<div> verschieben ohne style="position:......&quo

opencms/genereles css problem

Divs vertical ausrichrichten

Divs vertical ausrichrichten

Divs vertical ausrichrichten

Divs vertical ausrichrichten