VGA Dimension Check - Website X5 Hilfe - Die Helpsite

Logo Schriftzug
Logo WSX5
Newsletter anmelden
Scan QR or Download Android App
Direkt zum Seiteninhalt

VGA Dimension Check

Scripte > Control
Darstellung verschiedener VGA Dimensionen
Mit diesem Tool kannst Du verschiedene Bildschirmgrößen darstellen.
Diese Funktion zeigt, wie sich eine Seite in unterschiedlichen  Bildschirmgrößen betrachten lässt.  Sie umfasst die 4 allgemeine Einstellungen sowie eine Eingabemöglichkeit  für kundenspezifische Fenstergrößen und gibt die genauen inneren  Bildschirmabmessungen für die Präzisionsprüfung an!
In der Datei "vgacheck.css" kann der Style wie Textgröße, -farbe und -form individuell gestaltet und der Homepage entsprechend angepasst werden.
ZIP-Datei in ein beliebiges Verzeichnis auf dem PC entpacken.
HEAD-Code in den HEAD-Bereich <head>...</head> und HTML-Code in den BODY-Bereich <body>...</body> der aufrufende Datei einfügen.
Eine demo.html ist beigefügt, die zum Test in das Root-Verzeichnis des Webservers kopiert werden kann.
Aufruf: "http://www.domain.tld/demo.html". Diese kann aber auch durch einen Doppelklick ausgeführt werden.
Download Button
x runter geladen!



URL:

Breite in px:    Höhe in px:   

oder

     

Die gewünsche Bildschirmgröße wird in einem Popup-Fenster dargestellt:


Code für den <HEAD> Bereich
<link type="text/css" rel="stylesheet" href="wsX5Obj/Obj107_0/vgacheck.css" />
<script src="wsX5Obj/Obj107_0/vgacheck.js"></script>
Code für den <BODY> Bereich
<div align="center">
<table "cellspacing="0" id="AutoNumber2" cellpadding="4">
<tr>
<td width="100%">
<form>
<p class="Obj107a">
    <br><br>
URL: <input type="text" name="testURL" size="50" value="http://"><br><br>
Breite in px: <input type="text" name="customw" size="6"> &nbsp;&nbsp;
Höhe in px: <input type="text" name="customh" size="6"> &nbsp;&nbsp;
<button class="Obj107b" onClick="Obj107();">Test</button><br><br>
oder <br><br>
<!-- Hier kann gemäß Javascript erweitert werden -->
<button class="Obj107b" onClick="Obj107('640','480');">640 x 480</button> &nbsp;
<button class="Obj107b" onClick="Obj107('800','600');">800 x 600</button> &nbsp;
<button class="Obj107b" onClick="Obj107('1024','768');">1024 x 768</button> &nbsp;
<button class="Obj107b" onClick="Obj107('1280','900');">1280 x 900</button><br><br>
Die gewünsche Bildschirmgröße wird in einem Popup-Fenster dargestellt:
<br><br><br>
</p>
</form>
</td>
</tr>
</table>
</div>
Code Datei "vgacheck.css"
table {
width: 650px;
border-collapse: collapse;
border: 2px solid #7c6031;
background-color: #EEF6E9;
margin: 20px;
}
input, textarea {
color: #000!important;
font-size: 15px!important;
font-weight: normal!important;
font-family: courier!important;
background-color: #fff!important;
border: 1px solid #7C6031!important;
padding: 3px!important;
}
.Obj107a {
font-family: tahoma, arial;
font-size: 14px;
color: #7c6031;
font-weight: bold;
text-align: center;
}
.Obj107b {
color: #7C6031;
font-size: 13px;
font-weight: bold;
font-family: tahoma,Arial;
background-color: #B4DA9F;
border: 1px solid #7C6031;
padding: 5px;
border-radius: 3px;
}
.Obj107b:hover { background-color: #D2E7C5; }
Code Datei "vgacheck.js"
var testWin;
function Obj107(w,h) {
frm = document.forms[0];
urlF = frm.testURL.value;
if(urlF == "" || urlF == "http://") {
alert('Bitte eine URL eingeben');
frm.testURL.focus();
return false;
}
if(w == null) {
w = frm.customw.value;
if(w == "" || !Number(w) || w < 100) {
alert('Bitte eine realistische Breite eingeben');
frm.customw.value = "";
frm.customw.focus();
return false;
}
}
if(h == null) {
h = frm.customh.value;
if(h == "" || !Number(h) || h < 100) {
alert('Bitte eine realistische Höhe eingeben');
frm.customh.value = "";
frm.customh.focus();
return false;
}
}
properties  = "width=" + w;
properties += ",height=" + h;
properties += ",scrollbars=1,toolbar=1,location=1";
properties += ",directories=1,status=1,menubar=1";
properties += ",resizable=1,left=0,top=0";
if(testWin && !testWin.closed) {
testWin.close();
}
testWin = window.open(urlF,"TestRes",properties);
if(navigator.appName.indexOf("Netscape") != -1) {
testWin.outerWidth = w;
testWin.outerHeight = h;
}
frm.innerDim.value  = "Test Auflösung: " + w + "x" + h + "\n";
if(navigator.appName.indexOf("Netscape") != -1) {
frm.innerDim.value += "Fensterinnenmaße: " + testWin.innerWidth + "\n";
frm.innerDim.value += "Fensterinnenhöhe: " + testWin.innerHeight + "\n\n";
}
else {
frm.innerDim.value += "IE erlaubt keinen Zugriff auf die Fenstereigenschaften von ";
frm.innerDim.value += "Seiten auf einer anderen Domain. Unten sind einige Allgemeine ";
frm.innerDim.value += "Innenmaße:\n\n";
frm.innerDim.value += "Fenster      document\n";
// Notiz: Hier können Fensterdimensionen zugefügt werden (siehe nächste Anweisung)
frm.innerDim.value += "640x480  -> 615x314\n";
frm.innerDim.value += "800x600  -> 775x434\n";
frm.innerDim.value += "1024x768 -> 999x602\n";
frm.innerDim.value += "1200x900 -> 1175x734\n\n";
// Einfügebereich: Fensterbreite -> -25px, Fensterhöhe -> -166px, Zeilenumbruch beachten: \n
frm.innerDim.value += "Für eine benutzerdefinierte Auflösung benötigst Du eine ";
frm.innerDim.value += "Bildschirmschoner des neuen Fensters, füge ihn in Ihr Fenster ein ";
frm.innerDim.value += "Lieblingsgrafikprogramm, dann die Größe messen ";
frm.innerDim.value += "des Inhaltsbereichs.\n\n";
}
frm.innerDim.value += "Stellen sicher, dass Du ordnungsgemäß getestet hast ";
frm.innerDim.value += "um alle Symbolleisten und Fenster anzuzeigen. ";
frm.innerDim.value += "Stelle sicher, dass Du mit beiden gängigen Browsern (IE und Firefox) testest. ";
frm.innerDim.value += "da jedes Dokument unterschiedliche Innenmaße hat!";
this.focus();
}
Feedbacks zu ""
Kein Kommentar
Vielen Dank für Dein Feedback.
Logo Host Europe
Button Spenden

© 2009 - 2019





Besucher Statistik
» 2 Online
» 99 Heute
» 221 Gestern
» 320 Woche
» 2320 Monat
» 137237 Jahr
» 464993 Gesamt
Record: 2382 (29.03.2019)
Gesamt Downloads:
Hosting by
Zurück zum Seiteninhalt