[Script] Javascript aktuelle/minimale Browsergröße [Archiv] - PHP-Scripte PHP-Tutorials PHP-Jobs und vieles mehr

Archiv verlassen und diese Seite im Standarddesign anzeigen :
[Script] Javascript aktuelle/minimale Browsergröße

Cyborg-X1

02-09-2004, 11:44

Folgende Probs:

1.Gibt es eine Möglichkeit dem <body> oder einem Frame eine Mindesthöhe zuzuweisen und zwar so dass es wenn diese durch verkleinern des Browserfensters angelangt ist dann für alle Prozentangaben diese Höhe gilt und Scrollbalken angezeigt werden?

2. Ich will ein Iframe haben das sich mit dem Browser vergrößert und verkleinert aber immer von links in der Mitte beginnt und Oben, Unten und Rechts einen bestimmten Abstand vom Seitenrand einhält.

Beide Probleme Resultieren durch eine etwas abenteuerliche Umrandung der Seite mit Bildern in div Containern, die von dem IFrame überlagert werden und beim zu starken verkleinern des Browsers übereinandergeschoben werden.
:mad:
Beim Vergrößern des Browsers sollen diese auch mit vergrößert werden (das funktioniert soweit).

Kropff

02-09-2004, 11:48

also es gibt bei css min-height und min-width allerdings kommt der IE damit nicht klar
ansonsten kannst du wohl nur über javascript lösen.

gruss
peter

Cyborg-X1

02-09-2004, 13:06

Wäre es möglich das Problem mit ner Tabelle zu lösen?

aber wie mach ich die Variablen Zellen???

Ich hab mal n' jpg in Paint hingepinselt so wie ichs gerne hätte....

Siehe hier (Http://www.Rad-Lab.de/Prob.JPG)

Kropff

02-09-2004, 13:28

Wäre es möglich das Problem mit ner Tabelle zu lösen?

theoretisch ja, vor allem wenn du die hinweise hier im forum ignorierst, dass table height="100% nicht korrekt ist. probiers mal, auch wenns ein übler pfusch wird. ob das ganze dann aber später noch zu kontrollieren ist, wage ich zu bezweifeln

gruss
peter

Cyborg-X1

02-09-2004, 13:55

gibts einen Javascriptbefehl der die aktuelle Größe des Browserfensters wiedergibt??

Dann könnte man eine einfache Rechnung machen->

Variable Höhe = [Gesamthöhe]-[Höhe von den anderen Gifs]
Variable Breite = [[Gesamtbreite]-[Breite vom Rand])/2

Cyborg-X1

02-09-2004, 14:42

Kurz und knapp:

Brauche ein Javascript für folgendes Problem oder Probleme: siehe hier (http://www.php-resource.de/forum/showthread.php?s=&threadid=44002)

:confused:

mrhappiness

02-09-2004, 14:45

Original geschrieben von Cyborg-X1
Kurz und knapp:

Brauche ein Javascript für folgendes Problem oder Probleme: siehe hier (http://www.php-resource.de/forum/showthread.php?s=&threadid=44002)

:confused: aber sonst kannst du alles essen oder?

wenn man crosspostings als dreist bezeichnen möchte, weil der crossposter evtl. das glück hat, dass seine missetat unentdeckt bleibt, dann ist das, was du gemacht hast wohl... ach, ich sag's lieber nicht

Cyborg-X1

02-09-2004, 15:22

Sorry ich benütz Foren nur wenn unbedingt nötig und drum weiß ich eben nicht was n' crossposting is.

Und jetzt such ich ja n' Javascript für ein Problem bei dem ich gemeint hab das es in HTML funktioniert drum hab ich n' JavaScript gesuch für das Ding gemacht...

schmalle

02-09-2004, 16:10

Na was soll so ein ominöses crossposting schon sein? Vielleich ein anderes Wort für "Doppelpost" oder auch die selbe Frage zwei mal stellen.
Ist Englisch nicht Pflichtfach? :)

Cyborg-X1

02-09-2004, 16:25

Entschuldigung nochmals, ich hab ein kleines bißchen falsch ausgedrückt...

Ich meine nicht ich "weiß nicht" sondern ich "wusste nichts davon" das so etwas verboten ist, hab noch nix von gelesen!

Ich wusste nur das es nicht erwünscht ist in jede Kategorie das selbe reinzuschreiben obwohls nur in eine gehört...

Und such ja nun nach nem Skript also hab ich ne Skriptsuche reingepostet und damit ich den Server nicht 2 mal mit dem selben Schrott zutexte hab ich eben nen link reingemacht.

Jetzt weiß ichs ja und machs nicht mehr...
Alles klar???:huep:

P.S. Anstatt das du mich hier vollnörgelst könntest du mir lieber helfen...

Kropff

02-09-2004, 18:42

gibts einen Javascriptbefehl der die aktuelle Größe des Browserfensters wiedergibt??

schau mal bei selfhtml nach innerWidth, oder offsetWidth bzw Height

gruss
peter

Cyborg-X1

02-09-2004, 18:55

Ja des hab ich inzwischen auch schon gefunden, trotzdem danke, hab gerade angefangen meine Tabellen zu coden mit den Images drin.
Hier der Code den ich gefunden hab(der erste der bei mir fehlerfrei ging/ nach Stunden des Suchens) :rocks:

window.onresize=userinfo;
function userinfo(){
if (navigator.appName=="Netscape"){
breite = innerWidth;
hoehe = innerHeight;
}
else {
breite = document.body.offsetWidth;
hoehe = document.body.offsetHeight;
}
height=height-300
document.getElementById("test").width = breite;
document.getElementById("test").height = hoehe;
}

Jetzt muss ich erstma das testen ob das gut geht und dann brauch ich noch ne ergänzung damit man das fenster nicht zu klein machen kann, hab dazu zwar was gefunden aber da hat irgendwie mein Browser durchgedreht :(

Cyborg-X1

02-09-2004, 20:15

:mad: Ich könnte durchdrehen alles passt bis auf:

(die Qualität ist etwas schlecht aber man kann es einigermaßen erkennen)

schön (http://www.Rad-Lab.de/schloen.jpg) wärs gewesen wenn nicht das da (http://www.Rad-lab.de/Prob2.jpg) wäre. *HMPF!!*

Cyborg-X1

02-09-2004, 21:59

Juhu fertig aber die erste Freude währte nicht lange:

Nachdem ich den DOCTYPE auf XHTML Transitional umgestellt hab...
(jetzt denkt jeder n haufn Fehler, nein es kann sogar auf xhtml strict validiert werden...)

Es funktioniert auf dem Netscape und auf dem Opera, tja einer fehlt, der Internetexplorer.

Sobalt ich den Doctype für XHTML (Strict oder Transitional einfüge) funktioniert es mit der Höhenanpassung im Internetexplorer nicht mehr.

VER*BEEEP* SCH*BEEEP*!

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>

<head>
<meta http-equiv="content-type" content="text/html;charset=iso-8859-1"/>

<title>Rad-Lab-Interface</title>
<script type="text/javascript">
window.onload=userinfo;
window.onresize=userinfo;
function userinfo(){
if (navigator.appName=="Netscape"){
breite = innerWidth;
hoehe = innerHeight;
} else {
breite = document.body.offsetWidth;
hoehe = document.body.offsetHeight;
}
bo=(breite-227.5-40)/2;

document.getElementById("o1").width = bo;
document.getElementById("o2").width = bo;

document.getElementById("u").width = document.getElementById("o2").width + document.getElementById("o1").width + 92.5;
ho=(hoehe-400);
document.getElementById("rr").height = ho;
document.getElementById("lr").height = ho;
}
</script>
</head>

<body>

<table border="0" cellpadding="0" cellspacing="0">

<tr>
<td><img src="grafiken/coolborder/OOL.jpg" width="67.5px" height="99px" alt="Schöner Rahmen"/></td>
<td><img id="o1" src="grafiken/coolborder/O.jpg" height="99px" alt="Schöner Rahmen"/></td>
<td><img src="grafiken/coolborder/OM.jpg" width="92.5px" height="99px" alt="Schöner Rahmen"/></td>
<td><img id="o2" src="grafiken/coolborder/O.jpg" height="99px" alt="Schöner Rahmen"/></td>
<td><img src="grafiken/coolborder/OOR.jpg" width="67.5px" height="99px" alt="Schöner Rahmen"/></td>
</tr>

<tr>
<td><img src="grafiken/coolborder/OLR.jpg" width="67.5px" height="99px" alt="Schöner Rahmen"/></td>
<td rowspan="2" colspan="3"></td>
<td><img src="grafiken/coolborder/ORR.jpg" width="67.5px" height="99px" alt="Schöner Rahmen"/></td>
</tr>

<tr>
<td><img src="grafiken/coolborder/LR.jpg" id="lr" width="67.5px" alt="Schöner Rahmen"/></td>
<td><img src="grafiken/coolborder/RR.jpg" id="rr" width="67.5px" alt="Schöner Rahmen"/></td>
</tr>

<tr>
<td><img src="grafiken/coolborder/UL.jpg" width="67.5px" height="150.5px" alt="Schöner Rahmen"/></td>
<td colspan="3"><img id="u" src="grafiken/coolborder/U.jpg" height="150.5px" alt="Schöner Rahmen"/></td>
<td><img src="grafiken/coolborder/UR.jpg" width="67.5px" height="150.5px" alt="Schöner Rahmen"/></td>
</tr>

</table>
</body>

</html>

Jemand ne Ahnung woran es liegt???

pekka

02-09-2004, 22:09

P.S. Anstatt das du mich hier vollnörgelst könntest du mir lieber helfen...

Hihihi! Nach einem so höflichen Kommentar wird er das jetzt sicher gerne tun :D

Und jetzt, da auch noch tonnenweise PHP-Code ohne Umbruch drin sind, noch viel gerner :rocks:

wahsaga

02-09-2004, 22:16

Original geschrieben von Cyborg-X1
Sobalt ich den Doctype für XHTML (Strict oder Transitional einfüge) funktioniert es mit der Höhenanpassung im Internetexplorer nicht mehr.
damit hast du den IE in den standars bzw. compliant mode geschickt (gut) - aber damit kennt er jetzt die eigenschaft document.body.offsetWidth nicht mehr, die kennt er nur im quirks mode.

stattdessen musst du jetzt im IE document.documentElement.offsetWitdh benutzen.
(für offsetheight natürlich das ganze analog).

also entweder IE im compliant mode belassen und noch eine browserweiche einbauen - oder ihn wieder in den quirks mode schicken.

Cyborg-X1

02-09-2004, 22:20

Hihihi! Nach einem so höflichen Kommentar wird er das jetzt sicher gerne tun

Is doch war!

Und jetzt, nachdem auch noch tonnenweise PHP-Code ohne Umbruch drin sind, noch viel gerner

Ich seh keinen "PHP" Code du etwa? ;)

Gut ok die meisten mögen ihren HTML Code etwas anders nur ich programmier bei ner Monitorauflösung von 1600x1200 so.... und das viele andere nur 1024x768 eingestellt haben hab ich gerade nicht bedacht...sorry

Cyborg-X1

02-09-2004, 23:13

So nächstes Problem...
Ich hab zwar in meinem Buch eine wunderschöne Tabelle die alles
über die Browsertypen hergibt.
Aber warum wird mit navigator.appName =="Microsoft Internet Explorer" auch der Opera angesprochen???:confused:
Wenn ich es so schreib gehts aufm Internetexplorer aber aufm Opera nicht.
(gleiches Prob wie vorher auf dem Internet Explorer)
Also was soll ich in navigator.appName =" " reinschreiben damit er nur den Internet Explorer anspricht??
Anderst rum hab ichs auch schon probiert mit == "Opera" und die Befehle vertauscht.

if (navigator.appName=="Netscape"){
breite = innerWidth;
hoehe = innerHeight;
} else {
if (navigator.appName =="Microsoft Internet Explorer"){
breite = document.documentElement.offsetWidth;
hoehe = document.documentElement.offsetHeight;
} else {
breite = document.body.offsetWidth;
hoehe = document.body.offsetHeight;
}
}

pekka

03-09-2004, 00:20

Is doch war!

*plonk*

Cyborg-X1

03-09-2004, 00:45

*plonk*

Immer dieser böse pekka
Wie kann der nur...
Immer diese armen harmlosen Poster so zu stressen:
:box:
bloß weil man mal nen (ok zwei des mit dem Code) Fehler macht...
Des isch so traurig *schnief*:{

So eine Unverschämtheit ! :motz: :nervkopf:

:D :D :D

pekka

03-09-2004, 00:54

Immer diese bösen Moderatoren...

Seid wann bin ich Moderator?

bloß weil man mal nen Fehler macht..
`

Einen?

Cyborg-X1

03-09-2004, 01:06

Offizielles Versöhnungskeksangebot an pekka damit der aufhört mich zu keksn: :charity:

Cyborg-X1

03-09-2004, 12:28

So jetzt mag ich nicht mehr > quirks mode < und Schluss.


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

Thnx wahsaga und Kropff

- -