WU/WirtualnaUczelnia_files/widgets.htm

525 lines
18 KiB
HTML
Raw Normal View History

2018-11-21 15:28:46 +01:00
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<title>Drawing2</title>
<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"/>
<link href="visio.css" rel="stylesheet">
<script src="keys.js" type="text/javascript" language="javascript"></script>
<script src="find.js" type="text/javascript" language="javascript"></script>
<script type="text/javascript" language="javascript">
var imgMin = new Image();
imgMin.src = "minimize.gif";
var imgMax = new Image();
imgMax.src = "maximize.gif";
var fileList = parent.g_FileList;
function Widgets()
{
this.GoTo = null;
this.Search = null;
this.Details = null;
this.PNZ = null;
this.divCount = 0;
this.OpenText = "Collapse all";
this.OpenAlt = "Collapse all";
this.ClosedText = "Expand all";
this.ClosedAlt = "Expand all";
this.Display = "";
this.Img = imgMin;
this.Text = this.OpenText;
this.Alt = this.OpenAlt;
this.ToggleAll = ToggleAll;
this.ToggleWidget = ToggleWidget;
this.Add = Add;
}
function Add(div, name)
{
tmpStr = "this." + name + " = new Widget(div);"
eval(tmpStr);
var thisWidget = eval("this." + name);
}
function Widget(div)
{
return div;
}
function ToggleAll()
{
var OpenCloseFunc = Widget;
if(this.Display == "")
{
this.Display = "none";
this.Img = imgMax;
this.Text = this.ClosedText;
this.Alt = this.ClosedAlt;
document.getElementById("expparent00").title = this.ClosedAlt;
OpenCloseFunc = CloseWidget;
}
else
{
this.Display = "";
this.Img = imgMin;
this.Text = this.OpenText;
this.Alt = this.OpenAlt;
document.getElementById("expparent00").title = this.OpenAlt;
OpenCloseFunc = OpenWidget;
}
document.getElementById("exp00").src = this.Img.src;
document.getElementById("textExp").innerHTML = this.Text;
document.getElementById("exp00").alt = this.Alt;
if(this.GoTo)
{
OpenCloseFunc(this.GoTo)
}
if(this.Search)
{
OpenCloseFunc(this.Search)
}
if(this.Details)
{
OpenCloseFunc(this.Details)
}
if(this.PNZ)
{
OpenCloseFunc(this.PNZ)
}
}
function ToggleNav()
{
if(document.getElementById("divCollapsedNav").style.display == "none")
{
document.getElementById("divCollapsedNav").style.display = "";
document.getElementById("divOpenNav").style.display = "none";
parent.document.getElementById("frmstOuter").cols = "20,*"
parent.document.getElementById("frmToolbar").noResize = true;
}
else
{
document.getElementById("divOpenNav").style.display = "";
document.getElementById("divCollapsedNav").style.display = "none";
parent.document.getElementById("frmstOuter").cols = "237,*"
parent.document.getElementById("frmToolbar").noResize = false;
}
}
function ToggleWidget(div)
{
if(div.style.display == "none")
{
OpenWidget(div);
}
else
{
CloseWidget(div);
}
}
function OpenWidget(div)
{
document.getElementById(div.img).src = imgMin.src;
div.style.display = "";
document.getElementById(div.img).alt = div.openAlt;
document.getElementById(div.img + "1").title = div.openAlt;
document.getElementById(div.img + "2").title = div.openAlt;
}
function CloseWidget(div)
{
document.getElementById(div.img).src = imgMax.src;
div.style.display = "none";
document.getElementById(div.img).alt = div.closedAlt;
document.getElementById(div.img + "1").title = div.closedAlt;
document.getElementById(div.img + "2").title = div.closedAlt;
}
function load()
{
parent.g_WidgetsLoaded = true;
if (parent.g_LoadingWidgets)
{
parent.g_LoadingWidgets = false;
parent.location.reload();
}
}
function unload()
{
parent.g_LoadingWidgets = true;
}
var widgets = new Widgets();
</script>
</head>
<body onload="load();" onunload="unload();" onkeypress="keyHandler(event)">
<div id="divOpenNav" class="nav">
<table id="tabToc" width="100%" class="navTocColor" style="margin-bottom:1px;" cellspacing="0" cellpadding="0" border="0" height="20" dir=ltr>
<tr>
<td width="2"><a href="javascript:ToggleNav();" title="Collapse navigation frame" id="linkNavOpen"><img src="toc.gif" alt="Collapse navigation frame" width="22" height="17" border="0"></a></td>
<td><p class="p1"><a href="javascript:ToggleNav();" title="Collapse navigation frame" class="a1">Hide</a></p></td>
<td align="right"><p class="p1"><a href="javascript:widgets.ToggleAll()" id="textExp" class="a1">Collapse all</a></p></td>
<td width="2">
<div style="padding:2pt,1.5pt,0pt,0pt"><a href="javascript:widgets.ToggleAll()" title="Collapse all" id="expparent00"><img id="exp00" alt="Collapse all" src="minimize.gif" width="15" height="15" border="0"></a></div>
</td>
</tr>
</table>
<div id="divGoto" class="holder">
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
<tr><td>
<div class="fillcolor">
<table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
<tr>
<td style="padding:3px;"><a id="exp01" title="Collapse Go to Page" href="javascript:widgets.ToggleWidget(hideGoto);"><p class="label" style="display:inline">Go to Page</p></a></td>
<td width="15"><a id="exp02" title="Collapse Go to Page" href="javascript:widgets.ToggleWidget(hideGoto);"><img id="exp0" alt="Collapse Go to Page" src="minimize.gif" width="15" height="15" border="0"></a></td>
</tr>
</table>
</div>
</td></tr>
<tr><td>
<div id="hideGoto" class="hider" openAlt="Collapse Go to Page" closedAlt="Expand Go to Page">
<form class="page" ID="formPage" onsubmit="parent.GoToPage(Select1.value); return false;">
<table width="100%" cellspacing="0" cellpadding="3" border="0">
<tr>
<td>
<select class="formText" ID="Select1" NAME="Select1" title="Select page from list. Press Enter to go to the selected page." onkeyup="if(window.event.keyCode == 13) {parent.GoToPage(Select1.value);} return false;">
<script type="text/javascript" language="javascript">
var options = "";
for (var count = 0; count < fileList.length; count++)
{
options += '<option value="' + count + '">' + fileList[count].PageName + '</option>';
}
document.write (options);
</script>
</select>
</td>
<td width="18" class="gobutton">
<input type="image" src="go.gif" name="go" alt="Go to selected page" width="18" height="18" border="0">
</td>
</tr>
</table>
</form>
</div>
</td></tr>
</table>
<script type="text/javascript" language="javascript">
var hideGoto = document.getElementById("hideGoto");
hideGoto.img = "exp0";
widgets.Add(hideGoto, "GoTo");
</script>
</div>
<div id="divPNZ" class="holder" dir=ltr>
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
<tr><td>
<div class="fillcolor">
<table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
<tr>
<td style="padding:3px;"><a id="exp41" title="Collapse Pan and Zoom" href="javascript:widgets.ToggleWidget(hidePNZ);"><p class="label" style="display:inline;">Pan and Zoom</p></a></td>
<td width="15"><a id="exp42" title="Collapse Pan and Zoom" href="javascript:widgets.ToggleWidget(hidePNZ);"><img id="exp4" alt="Collapse Pan and Zoom" src="minimize.gif" width="15" height="15" border="0"></a></td>
</tr>
</table>
</div>
</td></tr>
<tr><td>
<div id="hidePNZ" style="text-align:right;" class="hiderScroll" openAlt="Collapse Pan and Zoom" closedAlt="Expand Pan and Zoom">
<table width="220" border="0" cellpadding="0" cellspacing="0">
<tr>
<td align="center" valign="middle">
<iframe title="Pan and Zoom window" longdesc="Pan and Zoom window" name="ifrmPNZ" id="ifrmPNZ" src="zoom.htm" width="178" height="178" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" style="border: #cccccc 1px solid;"></iframe>
</td>
<td>
<table id="tabScale" width="17" cellspacing="0" cellpadding="0" border="0" onmouseover="tickFocus(event)" onmouseout="tickBlur(event)">
<tr><td><a href="javascript:tickSelect(100);" title="Zoom page to 100%"><img src="fullpage.gif" alt="Zoom page to 100%" border="0"></a></td></tr>
<tr><td><a href="javascript:ZoomUpDown(1);" title="Zoom in"><img src="panplus.gif" alt="Zoom in" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(500);" title="Zoom to 500%"><img id="t500" src="tick-off.gif" alt="Zoom to 500%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(450);" title="Zoom to 450%"><img id="t450" src="tick-off.gif" alt="Zoom to 450%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(400);" title="Zoom to 400%"><img id="t400" src="tick-off.gif" alt="Zoom to 400%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(350);" title="Zoom to 350%"><img id="t350" src="tick-off.gif" alt="Zoom to 350%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(300);" title="Zoom to 300%"><img id="t300" src="tick-off.gif" alt="Zoom to 300%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(250);" title="Zoom to 250%"><img id="t250" src="tick-off.gif" alt="Zoom to 250%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(200);" title="Zoom to 200%"><img id="t200" src="tick-off.gif" alt="Zoom to 200%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(150);" title="Zoom to 150%"><img id="t150" src="tick-off.gif" alt="Zoom to 150%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(100);" title="Zoom to 100%" id="a100"><img id="t100" src="tick-on.gif" alt="Zoom to 100%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(50);" title="Zoom to 50%"><img id="t50" src="tick-off.gif" alt="Zoom to 50%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:tickSelect(10);" title="Zoom to 10%"><img id="t10" src="tick-off.gif" alt="Zoom to 10%" width="17" height="11" border="0"></a></td></tr>
<tr><td><a href="javascript:ZoomUpDown(-1);" title="Zoom out"><img src="panminus.gif" alt="Zoom out" border="0"></a></td></tr>
</table>
</td>
</tr>
</table>
</div>
</td></tr>
</table>
<script type="text/javascript" language="javascript">
var hidePNZ = document.getElementById("hidePNZ");
hidePNZ.img = "exp4";
widgets.Add(hidePNZ, "PNZ");
widgets.divCount++;
var zoomLevels = new Array(10, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500);
var tickOff = new Image();
tickOff.src = "tick-off.gif";
var tickFoc = new Image();
tickFoc.src = "tick-foc.gif";
var tickOn = new Image();
tickOn.src = "tick-on.gif";
function getElem(event)
{
// Retrieve the event in IE
if (!event)
var event = window.event;
// Reference the element howeaver this browser can
var elem;
if (event.target) // For Firefox
elem = event.target;
else if (event.srcElement) // For IE
elem = event.srcElement;
if (elem.nodeType == 3) // For Safari
elem = elem.parentNode;
return elem
}
function tickFocus(event)
{
var elem = getElem(event);
if(elem.state == "off")
elem.src = tickFoc.src;
}
function tickBlur(event)
{
var elem = getElem(event);
if(elem.state == "off")
elem.src = tickOff.src;
}
function tickSelect(percentZoom)
{
if (parent.viewMgr &&
parent.viewMgr.Zoom)
{
changeTick(percentZoom);
parent.viewMgr.Zoom(percentZoom);
}
var frame = frames[0];
if(frame.zoomRectDiv)
{
frame.g_width = parseInt(frame.zoomRectDiv.style.pixelWidth);
frame.g_height = parseInt(frame.zoomRectDiv.style.pixelHeight);
frame.g_newLeft = parseInt(frame.zoomRectDiv.style.left);
frame.g_newTop = parseInt(frame.zoomRectDiv.style.top);
}
}
function changeTick(percentZoom)
{
img = document.getElementById("t" + percentZoom);
img.src = tickOn.src;
if(elemScale.tickSelected && elemScale.tickSelected != img)
{
elemScale.tickSelected.src = tickOff.src;
}
elemScale.tickSelected = img;
}
function ZoomUpDown(increment)
{
if (elemScale.tickSelected)
{
var curZoomLevel = elemScale.tickSelected.id.substring (1);
var newZoomLevelIndex = IndexFromLevel (curZoomLevel * 1.0);
if (newZoomLevelIndex >= 0)
{
var img = document.getElementById("t" + zoomLevels[newZoomLevelIndex + increment]);
if (img)
{
tickSelect(img.id.substring(1));
}
}
}
else
{
tickSelect (100);
}
}
function IndexFromLevel (zoomLevel)
{
for (var count = 0; count < zoomLevels.length; count++)
{
if (zoomLevels[count] == zoomLevel)
{
return count;
}
}
return -1;
}
elemScale = document.getElementById("tabScale");
</script>
</div>
<div id="divDetails" class="holder" dir=ltr>
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
<tr><td>
<div class="fillcolor">
<table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
<tr>
<td style="padding:3px;"><a id="exp21" title="Collapse Details" href="javascript:widgets.ToggleWidget(hideDetails);"><p class="label" style="display:inline;">Details</p></a></td>
<td width="15"><a id="exp22" title="Collapse Details" href="javascript:widgets.ToggleWidget(hideDetails);"><img id="exp2" alt="Collapse Details" src="minimize.gif" width="15" height="15" border="0"></a></td>
</tr>
</table>
</div>
</td></tr>
<tr><td>
<div id="hideDetails" class="hiderScroll" openAlt="Collapse Details" closedAlt="Expand Details">
<P class="p2" class="detsPara">CTRL+click a shape in the drawing to view details.</P>
</div>
</td></tr>
</table>
<script type="text/javascript" language="javascript">
var hideDetails = document.getElementById("hideDetails");
hideDetails.img = "exp2";
widgets.Add(hideDetails, "Details");
widgets.divCount++;
</script>
</div>
<div id="divSearch" class="holder">
<table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
<tr><td>
<div class="fillcolor" dir=ltr>
<table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
<tr>
<td style="padding:3px;"><a id="exp11" title="Collapse Search Pages" href="javascript:widgets.ToggleWidget(hideSearch);"><p class="label" style="display:inline;">Search Pages</p></a></td>
<td width="15"><a id="exp12" title="Collapse Search Pages" href="javascript:widgets.ToggleWidget(hideSearch);"><img src="minimize.gif" id="exp1" alt="Collapse Search Pages" width="15" height="15" border="0"></a></td>
</tr>
</table>
</div>
</td></tr>
<tr><td>
<div id="hideSearch" img="exp1" class="hiderScroll" openAlt="Collapse Search Pages" closedAlt="Expand Search Pages">
<form name=theForm onsubmit="FindOnClick(); return false;" ID="Form1">
<table width="100%" cellspacing="0" cellpadding="3" border="0">
<tr>
<td width="100%">
<input class="formText" type="text" name="findString" maxlength="255" size="26" title="Enter text for search. Press Enter to begin search.">
</td>
<td width="18" class="gobutton">
<input type="image" src="go.gif" alt="Start searching" width="18" height="18" ID="GoButton" NAME="GoButton">
</td>
</tr>
<tr>
<td colspan="2" class="p2">
<a href="javascript:{};" tabindex="0" onclick="TogglePlus(hideAdvSrch,as0);" class="blu1"><img src="plus.gif" alt="Shows/hides advanced searching options" border="0" id="as0">Advanced</a>
<div id="hideAdvSrch" class="hiderScroll" style="display:none;">
<b>Search By:</b>
<div id="divS"></div>
</div>
<hr width="100%" size="1" color="#cccccc">
<div id="hideResults" class="hiderScroll" style="display:none;"></div>
</td>
</tr>
</table>
</form>
</div>
</td></tr>
</table>
<script type="text/javascript" language="javascript">
var hideSearch = document.getElementById("hideSearch");
hideSearch.img = "exp1";
widgets.Add(hideSearch, "Search");
widgets.divCount++;
makeAdvancedFindCheckboxes(document.getElementById("divS"));
var imgPlus = new Image();
imgPlus.src = "plus.gif";
var imgMinus = new Image();
imgMinus.src = "minus.gif";
function TogglePlus(div, img, container)
{
if(typeof(img) == "string")
img = document.getElementById(img)
if(typeof(div) == "string")
div = document.getElementById(div)
widget = widgets.Search;
if(div && img)
{
if(div.style.display == "none")
{
div.style.display = "";
img.src = imgMinus.src;
div.open = "true";
}
else
{
div.style.display = "none";
img.src = imgPlus.src;
div.open = "false";
}
}
}
</script>
</div>
</div>
<div id="divCollapsedNav" class="navTocColor" style="display:none;width:100%;height:100%;">
<a href="javascript:ToggleNav();" title="Expand navigation frame" id="linkNavClosed"><img src="toc2.gif" alt="Expand navigation frame" border="0"></a>
</div>
</body>
</html>