source: drbl_ui/flow_chart/drbl_mode.files/widgets.htm @ 76

Last change on this file since 76 was 21, checked in by chris, 17 years ago
File size: 14.2 KB
RevLine 
[21]1<html>
2<head>
3<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
4<title>drbl_mode</title>
5<meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5"/>
6<link href="visio.css" rel="stylesheet">
7<script src="keys.js" type="text/jscript" language="jscript"></script>
8<script src="find.js" type="text/jscript" language="jscript"></script>
9<script type="text/jscript" language="jscript">
10 
11  var imgMin = new Image();
12  imgMin.src = "minimize.gif";
13 
14  var imgMax = new Image();
15  imgMax.src = "maximize.gif";
16
17  var fileList = parent.g_FileList;
18 
19  function Widgets()
20  {
21    this.GoTo = null;
22    this.Search = null;
23    this.Details = null;
24    this.PNZ = null;
25
26    this.divCount = 0;
27   
28    this.OpenText = "全部摺疊";
29    this.OpenAlt = "全部摺疊";
30    this.ClosedText = "全部展開";
31    this.ClosedAlt = "全部展開";
32
33    this.Display = "";
34    this.Img = imgMin;
35    this.Text = this.OpenText;
36    this.Alt = this.OpenAlt;
37   
38    this.ToggleAll = ToggleAll;
39    this.ToggleWidget = ToggleWidget;
40    this.Add = Add;
41  }   
42
43  function Add(div, name)
44  {
45    tmpStr = "this." + name + " = new Widget(div);"
46    eval(tmpStr);
47    var thisWidget = eval("this." + name);
48  }
49
50  function Widget(div)
51  {
52    return div;
53  } 
54
55  function ToggleAll()
56  {
57    var OpenCloseFunc = Widget;
58
59    if(this.Display == "")
60    {
61      this.Display = "none";
62      this.Img = imgMax;
63      this.Text = this.ClosedText;
64      this.Alt = this.ClosedAlt;
65      expparent00.title = this.ClosedAlt;
66      OpenCloseFunc = CloseWidget;
67    }
68    else
69    {
70      this.Display = "";
71      this.Img = imgMin;
72      this.Text = this.OpenText;
73      this.Alt = this.OpenAlt;
74      expparent00.title = this.OpenAlt;
75      OpenCloseFunc = OpenWidget;
76    }
77    exp00.src = this.Img.src; 
78    textExp.innerText = this.Text;
79    exp00.alt = this.Alt;
80 
81    if(this.GoTo)
82    {
83      OpenCloseFunc(this.GoTo)
84    }
85    if(this.Search)
86    {
87      OpenCloseFunc(this.Search)
88    }
89    if(this.Details)
90    {
91      OpenCloseFunc(this.Details)
92    }
93    if(this.PNZ)
94    {
95      OpenCloseFunc(this.PNZ)
96    }
97  }
98
99  function ToggleNav()
100  {
101    if(divCollapsedNav.style.display == "none")
102    {
103      divCollapsedNav.style.display = "";
104      divOpenNav.style.display = "none";
105      parent.frmstOuter.cols = "20,*"
106      parent.document.all ('frmToolbar').noResize = true;
107    }
108    else
109    {
110      divOpenNav.style.display = "";
111      divCollapsedNav.style.display = "none";
112      parent.frmstOuter.cols = "237,*"
113      parent.document.all ('frmToolbar').noResize = false;
114    }
115  }
116 
117  function ToggleWidget(div)
118  {
119    if(div.style.display == "none")
120    {
121      OpenWidget(div);
122    }
123    else
124    {
125      CloseWidget(div);
126    }
127  }
128
129  function OpenWidget(div)
130  {
131    document.all(div.img).src = imgMin.src;
132    div.style.display = "";
133    document.all(div.img).alt = div.openAlt;
134    document.all(div.img + "1").title = div.openAlt;
135    document.all(div.img + "2").title = div.openAlt;
136  }
137
138  function CloseWidget(div)
139  {
140    document.all(div.img).src = imgMax.src;
141    div.style.display = "none";
142    document.all(div.img).alt = div.closedAlt;
143    document.all(div.img + "1").title = div.closedAlt;
144    document.all(div.img + "2").title = div.closedAlt;
145  }
146
147  function load()
148  {
149    parent.g_WidgetsLoaded = true;
150
151    if (parent.g_LoadingWidgets)
152    {
153      parent.g_LoadingWidgets = false;
154      parent.location.reload();
155    }
156  }
157
158  function unload()
159  {
160    parent.g_LoadingWidgets = true;
161  }
162 
163   
164  var widgets = new Widgets();
165
166</script>
167
168</head>
169<body onload="load();" onunload="unload();">
170<div id="divOpenNav" class="nav">
171
172  <table id="tabToc" width="100%" class="navTocColor" style="margin-bottom:1px;" cellspacing="0" cellpadding="0" border="0" height="20" dir=ltr>
173  <tr>
174  <td width="2"><a href="javascript:ToggleNav();" title="摺疊巡覽框架" id="linkNavOpen"><img src="toc.gif" alt="摺疊巡覽框架" width="22" height="17" border="0"></a></td>
175  <td><p class="p1"><a href="javascript:ToggleNav();" title="摺疊巡覽框架" class="a1">隱藏</a></p></td>
176  <td align="right"><p class="p1"><a href="javascript:widgets.ToggleAll()" id="textExp" class="a1">全部摺疊</a></p></td>
177  <td width="2">
178    <div style="padding:2pt,1.5pt,0pt,0pt"><a href="javascript:widgets.ToggleAll()" title="全部摺疊" id="expparent00"><img id="exp00" alt="全部摺疊" src="minimize.gif" width="15" height="15" border="0"></a></div>
179  </td>
180  </tr>
181  </table>
182 
183 
184
185 
186  <div id="divPNZ" class="holder" dir=ltr>
187    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
188    <tr><td>
189      <div class="fillcolor">
190        <table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
191        <tr>
192        <td><a id="exp41" title="摺疊全景和縮放" href="javascript:widgets.ToggleWidget(hidePNZ);"><p class="label">全景和縮放</p></a></td>
193        <td width="15"><a id="exp42" title="摺疊全景和縮放" href="javascript:widgets.ToggleWidget(hidePNZ);"><img id="exp4" alt="摺疊全景和縮放" src="minimize.gif" width="15" height="15" border="0"></a></td>
194        </tr>
195        </table>
196      </div>
197    </td></tr>
198    <tr><td>
199      <div id="hidePNZ" style="text-align:right;" img="exp4" class="hiderScroll" openAlt="摺疊全景和縮放" closedAlt="展開全景和縮放">
200        <table width="220" border="0" cellpadding="0" cellspacing="0">
201        <tr>
202        <td align="center" valign="middle">
203          <iframe title="全景和縮放視窗" longdesc="全景和縮放視窗" id="ifrmPNZ" src="zoom.htm" width="170" height="170" frameborder="0" marginheight="0" marginwidth="0" scrolling="no" style="border: #cccccc 1px solid;"></iframe>
204        </td>
205         
206        <td>
207          <table id="tabScale" width="17" cellspacing="0" cellpadding="0" border="0">
208            <tr><td><a href="javascript:tickSelect(100);" title="縮放頁面至 100%"><img src="fullpage.gif" alt="縮放頁面至 100%" border="0"></a></td></tr>
209            <tr><td><a href="javascript:ZoomUpDown(1);" title="拉近"><img src="panplus.gif" alt="拉近" border="0"></a></td></tr>
210            <tr><td><a href="javascript:tickSelect(500);" title="縮放成 500%"><img id="t500" src="tick-off.gif" alt="縮放成 500%" width="17" height="11" border="0"></a></td></tr>
211            <tr><td><a href="javascript:tickSelect(450);" title="縮放成 450%"><img id="t450" src="tick-off.gif" alt="縮放成 450%" width="17" height="11" border="0"></a></td></tr>
212            <tr><td><a href="javascript:tickSelect(400);" title="縮放成 400%"><img id="t400" src="tick-off.gif" alt="縮放成 400%" width="17" height="11" border="0"></a></td></tr>
213            <tr><td><a href="javascript:tickSelect(350);" title="縮放成 350%"><img id="t350" src="tick-off.gif" alt="縮放成 350%" width="17" height="11" border="0"></a></td></tr>
214            <tr><td><a href="javascript:tickSelect(300);" title="縮放成 300%"><img id="t300" src="tick-off.gif" alt="縮放成 300%" width="17" height="11" border="0"></a></td></tr>
215            <tr><td><a href="javascript:tickSelect(250);" title="縮放成 250%"><img id="t250" src="tick-off.gif" alt="縮放成 250%" width="17" height="11" border="0"></a></td></tr>
216            <tr><td><a href="javascript:tickSelect(200);" title="縮放成 200%"><img id="t200" src="tick-off.gif" alt="縮放成 200%" width="17" height="11" border="0"></a></td></tr>
217            <tr><td><a href="javascript:tickSelect(150);" title="縮放成 150%"><img id="t150" src="tick-off.gif" alt="縮放成 150%" width="17" height="11" border="0"></a></td></tr>
218            <tr><td><a href="javascript:tickSelect(100);" title="縮放成 100%" id="a100"><img id="t100" src="tick-on.gif" alt="縮放成 100%" width="17" height="11" border="0"></a></td></tr>
219            <tr><td><a href="javascript:tickSelect(50);" title="縮放成 50%"><img id="t50" src="tick-off.gif" alt="縮放成 50%" width="17" height="11" border="0"></a></td></tr>
220            <tr><td><a href="javascript:tickSelect(10);" title="縮放成 10%"><img id="t10" src="tick-off.gif" alt="縮放成 10%" width="17" height="11" border="0"></a></td></tr>
221            <tr><td><a href="javascript:ZoomUpDown(-1);" title="拉遠"><img src="panminus.gif" alt="拉遠" border="0"></a></td></tr>
222          </table>
223        </td>
224        </tr>
225        </table>
226      </div>     
227    </td></tr>
228    </table>
229   
230    <script type="text/jscript" language="jscript">
231      widgets.Add(hidePNZ, "PNZ");
232
233      var zoomLevels = new Array(10, 50, 100, 150, 200, 250, 300, 350, 400, 450, 500);
234
235      var tickOff = new Image();
236      tickOff.src = "tick-off.gif";
237     
238      var tickFoc = new Image();
239      tickFoc.src = "tick-foc.gif";
240     
241      var tickOn = new Image();
242      tickOn.src = "tick-on.gif";
243
244      function tickFocus()
245      {
246        var elem = window.event.srcElement;
247        if(elem.state == "off")
248        {
249          elem.src = tickFoc.src;
250        }
251      }     
252     
253      function tickBlur(percentZoom)
254      {
255        var elem = window.event.srcElement;
256        if(elem.state == "off")
257        {
258          elem.src = tickOff.src;
259        }
260      }
261
262      function tickSelect(percentZoom)
263      {
264        if (parent.viewMgr &&
265          parent.viewMgr.Zoom)
266        {
267          changeTick(percentZoom);
268          parent.viewMgr.Zoom(percentZoom);         
269        }
270
271        if(frames.item(0).zoomRectDiv)
272        {
273          frames.item(0).g_width = parseInt(frames.item(0).zoomRectDiv.style.pixelWidth) 
274          frames.item(0).g_height = parseInt(frames.item(0).zoomRectDiv.style.pixelHeight)
275          frames.item(0).g_newLeft = parseInt(frames.item(0).zoomRectDiv.style.left)
276          frames.item(0).g_newTop = parseInt(frames.item(0).zoomRectDiv.style.top)
277        }
278      }
279
280      function changeTick(percentZoom)
281      {
282        img = elemScale.all("t" + percentZoom);
283                 
284        img.src = tickOn.src;
285       
286        if(elemScale.tickSelected && elemScale.tickSelected != img)
287        {
288          elemScale.tickSelected.src = tickOff.src;
289        }
290        elemScale.tickSelected = img;
291      }
292     
293      function ZoomUpDown(increment)
294      {
295        if (elemScale.tickSelected)
296        {
297          var curZoomLevel = elemScale.tickSelected.id.substring (1);
298          var newZoomLevelIndex = IndexFromLevel (curZoomLevel * 1.0);
299          if (newZoomLevelIndex >= 0)
300          {
301            var img = elemScale.all("t" + zoomLevels[newZoomLevelIndex + increment]);
302            if (img)
303            {
304              tickSelect(img.id.substring(1));
305            }
306          }
307        }
308        else
309        {
310          tickSelect (100);
311        }
312      }
313
314      function IndexFromLevel (zoomLevel)
315      {
316        for (var count = 0; count < zoomLevels.length; count++)
317        {
318          if (zoomLevels[count] == zoomLevel)
319          {
320            return count;
321          }
322        }
323
324        return -1;
325      }
326     
327      elemScale = document.all("tabScale");
328      if(elemScale)
329      {
330        elemScale.onmouseover = tickFocus;
331        elemScale.onmouseout = tickBlur;
332      }
333    </script>
334  </div>
335
336 
337  <div id="divDetails" class="holder" dir=ltr>
338    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
339    <tr><td>
340      <div class="fillcolor">
341        <table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
342        <tr>
343        <td><a id="exp21" title="摺疊詳細資料" href="javascript:widgets.ToggleWidget(hideDetails);"><p class="label">詳細資料</p></a></td>
344        <td width="15"><a id="exp22" title="摺疊詳細資料" href="javascript:widgets.ToggleWidget(hideDetails);"><img id="exp2" alt="摺疊詳細資料" src="minimize.gif" width="15" height="15" border="0"></a></td>
345        </tr>
346        </table>
347      </div>
348    </td></tr>
349    <tr><td>
350      <div id="hideDetails" class="hiderScroll" img="exp2" openAlt="摺疊詳細資料" closedAlt="展開詳細資料">
351        <P class="p2" class="detsPara">CTRL+按一下繪圖中的圖形以檢視詳細資料。</P>
352      </div>
353    </td></tr>
354    </table>   
355   
356    <script type="text/jscript" language="jscript">
357      widgets.Add(hideDetails, "Details");
358      widgets.divCount++;
359   
360    </script>
361  </div>
362
363 
364  <div id="divSearch" class="holder">
365    <table width="100%" cellspacing="0" cellpadding="0" border="0" class="holderTable">
366    <tr><td>
367      <div class="fillcolor" dir=ltr>
368        <table width="100%" cellspacing="0" cellpadding="1" border="0" class="fillcolor">
369        <tr>
370        <td><a id="exp11" title="摺疊搜尋頁面" href="javascript:widgets.ToggleWidget(hideSearch);"><p class="label">搜尋頁</p></a></td>
371        <td width="15"><a id="exp12" title="摺疊搜尋頁面" href="javascript:widgets.ToggleWidget(hideSearch);"><img src="minimize.gif" id="exp1" alt="摺疊搜尋頁面" width="15" height="15" border="0"></a></td>
372        </tr>
373        </table>
374      </div>
375
376    </td></tr>
377    <tr><td> 
378
379      <div id="hideSearch" img="exp1" class="hiderScroll" openAlt="摺疊搜尋頁面" closedAlt="展開搜尋頁面">
380                <form name=theForm onsubmit="FindOnClick(); return false;" ID="Form1">
381                  <table width="100%" cellspacing="0" cellpadding="3" border="0">
382                  <tr>
383                  <td width="100%">
384                    <input class="formText" type="text" name="findString" maxlength="255" size="26" title="輸入要搜尋的文字。按 Enter 開始搜尋。">
385                  </td>
386                  <td width="18" class="gobutton">
387                    <input type="image" src="go.gif" alt="開始搜尋" width="18" height="18" ID="GoButton" NAME="GoButton">
388                  </td>
389                  </tr>
390                  <tr>
391                  <td colspan="2" class="p2">
392                    <a href="javascript:{};" tabindex="0" onclick="TogglePlus(hideAdvSrch,as0);" class="blu1"><img src="plus.gif" alt="顯示/隱藏進階搜尋選項" border="0" id="as0">進階</a>
393                      <div id="hideAdvSrch" class="hiderScroll" style="display:none;">
394                        <b>搜尋依據:</b>
395                        <div id="divS"></div>
396                      </div>
397                    <hr width="100%" size="1" color="#cccccc">
398                    <div id="hideResults" class="hiderScroll" style="display:none;"></div>
399                  </td>
400                  </tr>
401                  </table>
402                </form>
403      </div>         
404
405    </td></tr>
406    </table>
407   
408   
409    <script type="text/jscript" language="jscript">
410      widgets.Add(hideSearch, "Search");
411      widgets.divCount += 2;
412     
413      makeAdvancedFindCheckboxes(divS);
414     
415     
416      var imgPlus = new Image();
417      imgPlus.src = "plus.gif";
418 
419      var imgMinus = new Image();
420      imgMinus.src = "minus.gif";
421     
422      function TogglePlus(div, img, container)
423      {
424        if(typeof(img) == "string") 
425          img = document.all(img)
426        if(typeof(div) == "string")
427          div = document.all(div)
428         
429        widget = widgets.Search;
430        if(div && img)
431        {
432          if(div.style.display == "none")
433          {
434            div.style.display = "";
435            img.src = imgMinus.src;
436            div.open = "true";
437          }
438          else
439          {
440            div.style.display = "none";
441            img.src = imgPlus.src;
442           
443            div.open = "false";
444          }
445        }
446      }
447   
448    </script>
449  </div>
450
451
452</div>
453
454<div id="divCollapsedNav" class="navTocColor" style="display:none;width:100%;height:100%;">
455  <a href="javascript:ToggleNav();" title="展開巡覽框架" id="linkNavClosed"><img src="toc2.gif" alt="展開巡覽框架" border="0"></a>
456</div> 
457
458
459</body>
460</html>
461
Note: See TracBrowser for help on using the repository browser.