-
Notifications
You must be signed in to change notification settings - Fork 5
/
screentester.html
33 lines (26 loc) · 1.7 KB
/
screentester.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
<!DOCTYPE html>
<html>
<head>
<title>Webinos Travel</title>
<script type="text/javascript" src="general/js/jquery/jquery-1.7.1.min.js"></script>
<script type="text/javascript">
function switchView(width, height, url){
var halfHeight = height/2;
var halfWidth = width/2;
$('#diver').removeAttr('style');
$('#diver').attr('style', 'position: fixed; margin-left: 50%; margin-top: 50%; width:' + width +'px; heigth:'+ height + 'px; left:-'+ halfWidth +'px; top:-' +halfHeight+ 'px');
$('#iframer').removeAttr('style');
$('#iframer').attr('style', 'outline: 0; border: 0; height: '+height+'px; width: '+width+'px;');
$('#iframer').attr('src', url);
}
</script>
</head>
<body style='font-family: Helvetica, Arial; font-size: 12px; color: #313131;'>
<div id='diver' style='width:1280px; height:480px; top: -240px; margin-top: 50%; left: -640px; margin-left: 50%; position: fixed;'>
<iframe id='iframer' src='automotive/index.html' scrolling='none' style='outline: 0; border: 0; height: 480px; width: 1280px;'>not supported</iframe>
</div>
<p><b>SMARTPHONE (Galaxy S2):</b> <a href='javascript:switchView(480,800,"ce/index.html");'>Portrait (480x800)</a> | <a href='javascript:switchView(800,480,"index.html");'>Landscape (800x480)</a></p>
<p><b>TABLET (Motorola Zoom):</b> <a href='javascript:switchView(800,1280,"ce/index.html");'>Portrait (768x1024)</a> | <a href='javascript:javascript:switchView(1280,800,"index.html");'>Landscape (1024x768)</a></p>
<p><b>IVI-SYSTEMES (Prototype):</b> <a href='javascript:switchView(1280,480,"automotive/index.html");'>CID (1280x480)</a> | <a href='javascript:switchView(800,480,"automotive/index.html");'>Pandaboard & RSE(800x480)</a></p>
</body>
</html>