<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<script src="prototype.js" type="text/javascript"></script>
<script src="scriptaculous.js" type="text/javascript"></script>
<script src="effects.js" type="text/javascript"></script>
<script src="dragdrop.js" type="text/javascript"></script>
<script src="windows.js" type="text/javascript"></script>
<link href="windows.css" media="screen" rel="Stylesheet" type="text/css" />
<title>RTWindows demo</title>
</head>
<body bgcolor="#CCDDFF">
<div id="window_7179" class="window_container" style="opacity:0.0;visibility:hidden;position:absolute;">
<div id="window_7179_resize_handle" class="window_resize_handle"></div>
<div id="window_7179_topslice" class="window_topslice" >
<div id="window_7179_drag_handle" class="window_dragger">
</div>
<img style="z-index:100;margin-left:10px;margin-top:4px;position:absolute;" name="button_dirty_window_7179" src="but_clea.gif" />
<div class="window_button_holder" style="z-index:100;position:absolute;">
<a href="#" onClick="mywindow.minimize();"><img border="0" src="but_mini.gif" /></a>
<a href="#" onClick="mywindow.maximize();"><img border="0" src="but_maxi.gif" /></a>
<a href="#" onClick="mywindow.close();"><img border="0" src="but_clos.gif" /></a>
</div>
<div class="window_handle_left"></div>
<div class="window_handle_center"><span class="window_title">window output</span></div>
<div class="window_handle_right"></div>
</div>
<div id="window_7179_middleslice" class="window_middleslice"><div class="window_border_left" >
<div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="window_8.gif" /></div>
<img src="window_9.gif" /></div>
<div class="window_content" id="window_7179_content">
<div style="padding:5px;">
<div class="debug_field" id="command_div"></div>
</div>
</div>
<div class="window_border_right" >
<div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="window_A.gif" /></div>
<img src="window_B.gif" />
</div>
</div>
<div id="window_7179_bottomslice" class="window_bottomslice">
<div class="window_bottom_left"></div>
<div class="window_bottom_center"></div>
<div class="window_bottom_right"></div>
</div>
</div>
<div id="window_3547" class="window_container" style="opacity:0.0;visibility:hidden;position:absolute;">
<div id="window_3547_resize_handle" class="window_resize_handle"></div>
<div id="window_3547_topslice" class="window_topslice" >
<div id="window_3547_drag_handle" class="window_dragger">
</div>
<img style="z-index:100;margin-left:10px;margin-top:4px;position:absolute;" name="button_dirty_window_3547" src="but_clea.gif" />
<div class="window_button_holder" style="z-index:100;position:absolute;">
<a href="#" onClick="anotherwindow.minimize();"><img border="0" src="but_mini.gif" /></a>
<a href="#" onClick="anotherwindow.maximize();"><img border="0" src="but_maxi.gif" /></a>
<a href="#" onClick="anotherwindow.close();"><img border="0" src="but_clos.gif" /></a>
</div>
<div class="window_handle_left"></div>
<div class="window_handle_center"><span class="window_title">Debugging Output</span></div>
<div class="window_handle_right"></div>
</div>
<div id="window_3547_middleslice" class="window_middleslice"><div class="window_border_left" >
<div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="window_8.gif" /></div>
<img src="window_9.gif" /></div>
<div class="window_content" id="window_3547_content">
<div style="padding:5px;">
<div class="debug_field" id="command_div"></div>
This window system is implemented with divs only - no tables!<br />
Try positioning the window outside the viewable area of the browser<br />
Please send bug reports to wooyay@web.de<br />
Tested on current versions of IE 6, Firefox, Konqueror, Opera and Safari.<br />
Has callback functions that can be (and are) used to save window position and size to a database via Ajax<br />
<br /><b>Changes since last version:</b><br />
Un-maximize now works<br />
Skin now in color :)<br />
Some minor fixes which i forgot<br />
<br ><a href="../rtwindows_0.5.zip">Download</a><br />
<a href="/~scheffl2">Homepage</a><br />
</div>
</div>
<div class="window_border_right" >
<div style="height:40px;width:15px;position:absolute;bottom:0px;"><img src="window_A.gif" /></div>
<img src="window_B.gif" />
</div>
</div>
<div id="window_3547_bottomslice" class="window_bottomslice">
<div class="window_bottom_left"></div>
<div class="window_bottom_center"></div>
<div class="window_bottom_right"></div>
</div>
</div>
<script type="text/javascript">
var mywindow;
var anotherwindow;
window.onload=function() {
mywindow=new Window(
{
"name":"TestWindow",
"z_index":-1,
"min_height":10,
"action":"debug",
"id":"window_7179",
"scrollbars":1,
"is_minimized":0,
"stayontop":0,
"min_width":10,
"height":400,
"posx":100,
"posy":100,
"width":400});
anotherwindow=new Window(
{
"name":"TestWindow2",
"z_index":-1,
"min_height":50,
"action":"debug",
"id":"window_3547",
"scrollbars":1,
"is_minimized":0,
"stayontop":0,
"min_width":80,
"height":400,
"posx":140,
"posy":140,
"width":400})
}
</script>
</body>
</html>
<!-- This document saved from http://rtrails.flowdev.de:80/ -->bu kod dhtml menü açıyor sayfa yüklendiğinde ben bunu sayfa yüklendiğinde değilde ben bir butona tıkladığımda pencerenin açılmasını istiyorum yardımcı olabilirmisiniz ?
yanlış yere yazmışım galiba
