DIR : /home/kozerus/public_html/kc.html
/home/kozerus/public_html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<link rel="stylesheet" type="text/css" media="screen" href="js/fg-menu/fg.menu.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/fg-menu/theme/ui.all.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/themes/swanky-purse/jquery-ui-1.7.2.custom.css" />
<link rel="stylesheet" type="text/css" media="screen" href="js/jqgrid-4.4.0/themes/ui.jqgrid.css" />
<script src="js/jquery-1.8.3.js" type="text/javascript"></script>
<script src="js/jquery-ui-1.9.2.custom.js" type="text/javascript"></script>
<script src="js/jqgrid-4.4.0/js/i18n/grid.locale-en.js" type="text/javascript"></script>
<script src="js/jqgrid-4.4.0/js/jquery.jqGrid.min.js" type="text/javascript"></script>
<script src="js/tooltip/tooltip_main_screenshot.js" type="text/javascript"></script>
<style type="text/css">
.layer1 {margin: 0; padding: 0; }
.heading {
margin: 1px; color: white; padding: 3px 10px; cursor: pointer;
position: relative; background-color:grey;
}
.content {padding: 5px 10px; background-color:white;}
p { padding: 5px 0; }
</style>
<style type="text/css">
<!--
#drop { width:100px; height:100px; margin:3px auto; background:#eddaa1; font-size:11px;}
#drop1 { width:100px; height:100px; margin:3px auto; background:#eddaa2; font-size:12px;}
#ko_drop { width:100px; height:100px; background:#eddaa3; font-size:11px;}
#ko_drop1 { width:110px; height:110px; margin:0px; background:white; font-size:11px;}
#ko_drop2 { width:120px; height:120px; margin:2px auto; background:#eddaa8; font-size:12px;}
// #drop #sw { text-decoration:underline; cursor:pointer; }
// #drop #sw2 { text-decoration:underline; cursor:pointer; }
-->
</style>
<script type="text/javascript">
<!--
var gridimgpath = 'js/themes/swanky-purse/images';
var ko_var = "ko_var";
$(document).ready(function(){
// sets the draggable
$('#drag .drg').draggable({
cursor: 'move',
revert: 'valid'
});
$('#ko_drag .ko_drg').draggable({cursor: 'move', revert: 'valid'});
$('#ko_drag1 .drg').draggable({cursor: 'move', revert: 'valid'});
$('#ko_drag1 .ko_drg').draggable({cursor: 'move', revert: 'valid'});
/// $('.selector').droppable({ drop: Drop });
/// function Drop(event, ui) {
/// var draggableId = ui.draggable.attr("id");
/// var droppableId = $(this).attr("id");
/// alert( "draggableid: " + draggableid + " droppablewid= " + droppableid );
/// }
/// $('.classToDropOn').droppable({
$('#drop').droppable({
accept:'.moveThisItem',
hoverClass:'hoverClass',
tolerance:'pointer',
drop:function(ev, ui){
$(this).append($(document.createElement('div')).text($
(ui.draggable.element).text()).addClass("moveThisItem"));
/*customise to suit your needs*/
$(ui.draggable.element).remove();
// alert( $(ui.draggable.element).attr("id") );
// alert( $(this).attr("id") );
}
});
// sets droppable
$('#drop').droppable({
drop: function(event, ui) {
ui.draggable.hide(1000);
var drop_drop = "https://ka6//ko_center/ko_center.html?q=jqui/url_drop_drop"
// alert($(ui.attr.id.);
// alert( ui.draggable.attr("id") );
alert( "#drop drop: " + url_drop_drop);
// $(location).attr('href',url_drop_drop);
}
});
//// $('#drop2').droppable({
//// drop: function(event, ui) {
//// ui.draggable.hide(2100);
//// var drop2_drop = "https://ka6//ko_center/ko_center.html?q=jqui/url_drop2_drop"
//// alert( "#drop2 drop2: "+url_drop2_drop);
//// $(location).attr('href',url_drop2_drop);
//// }
//// $('#ko_drop').droppable({
//// drop: function(event, ui) {
//// ui.draggable.hide(2100);
//// var url_ko_droppalbe_drop = "https://ka6//ko_center/ko_center.html?q=jqui/url_kodroppable_drop"
//// alert( "#ko_droppable drop: "+url_ko_droppable_drop);
//// $(location).attr('href',url_ko_droppable_drop);
//// }
//// });
////
//// $('#ko_droppable1').droppable({
//// drop: function(event, ui) {
//// ui.draggable.hide(2100);
//// var url_ko_droppable1_drop = "https://ka6//ko_center/ko_center.html?q=jqui/url_ko_droppable1_drop"
//// alert( "#ko_droppable1_drop: "+url_ko_droppable1_drop);
//// $(location).attr('href',url_ko_droppable1_drop);
//// }
//// });
////
//// $('#ko_droppable2').droppable({
//// drop: function(event, ui) {
//// ui.draggable.hide(2100);
//// var url_ko_droppable2_drop = "https://ka6//ko_center/ko_center.html?q=jqui/url_ko_droppable2_drop"
//// alert( "#ko_droppable2_drop: "+url_ko_droppable2_drop);
//// $(location).attr('href',url_ko_droppable2_drop);
//// }
//// });
// when the "#sw" element (inside the "#drop") is clicked
// show the items with class "drg", contained in "#drag"
$('#drop #sw').click(function(){
$('#drag .drg').slideDown(2000);
var url_drop_sw = "https://ka6//ko_center/ko_center.html?q=jqui/drop_sw/drag_drg"
// var myvar = ui.draggable.id;
// var myvar = ui.id;
// alert( "myvar: " + myvar);
// drop:function(event,ui) {alert($(ui.draggable).attr("id"));}
// alert( ui.draggable.id );
alert( "url1: " + url);
// $(location).attr('href',url);
});
$('#drop #sw1').click(function(){
$('#drag .drg').slideDown(1000);
var url_jqui_sw = "https://ka6//ko_center/ko_center.html?q=jqui/drop_sw1/drag_drg"
// var myvar = ui.draggable.id;
// var myvar = ui.id;
// alert( "myvar: " + myvar);
// alert( ui.draggable.id );
alert( "url_jqui_sw: " + url);
// $(location).attr('href',url);
});
});
--> </script>
</script>
<!-- BUGS_13800 testjk --->
</head>
<body bgcolor=lightblue>
<hr>
<div class="layer1" id="leds_show" >
<a href=/ko_center/ko_center.php>
<img src="./images/btn/btn_black.gif" alt="btn_black" border=0 height="25%" width="20" />
</a>
<a href=/ko_center/ko_center.php?q=login>
<img src="./images/btn/btn_black.gif" alt="btn_black" border=0 height="20" width="20" />
</a>
<a href=/ko_center/ko_center.php?q=tools>
<img src="./images/btn/btn_black.gif" alt="tools" border=0 height="20" width="20" />
</a>
<br>
<a href=/ko_center/ko_center.php?q=detail/dc09 class="screenshot" rel="./images/cab/tn/tn_dc09.png" title="dc09() (grn0)( bldg() floor()" width=100 >
<img src="./images/ani/ani_grn0.gif" alt="./images/ani/ani_grn0.gif" border=0 height="15" width="15" />
</a>
<a href=/ko_center/ko_center.php?q=detail/db12 class="screenshot" rel="./images/cab/tn/tn_db12.png" title="db12() (grn0)( bldg() floor()" width=100 >
<img src="./images/ani/ani_grn0.gif" alt="./images/ani/ani_grn0.gif" border=0 height="15" width="15" />
</a>
<a href=/ko_center/ko_center.php?q=detail/dc12 class="screenshot" rel="./images/cab/tn/tn_dc12.png" title="dc12() (grn0)( bldg() floor()" width=100 >
<img src="./images/ani/ani_grn0.gif" alt="./images/ani/ani_grn0.gif" border=0 height="15" width="15" />
</a>
<br>
<a href=/ko_center/ko_center.php?q=detail/de29 class="screenshot" rel="./images/cab/tn/tn_de29.png" title="de29() (grn0)( bldg() floor()" width=100 >
<img src="./images/ani/ani_grn0.gif" alt="./images/ani/ani_grn0.gif" border=0 height="15" width="15" />
</a>
<a href=/ko_center/ko_center.php?q=detail/df29 class="screenshot" rel="./images/cab/tn/tn_df29.png" title="df29() (blu50)( bldg() floor()" width=100 >
<img src="./images/ani/ani_blu50.gif" alt="./images/ani/ani_blu50.gif" border=0 height="15" width="15" />
</a>
</div>
<hr> jjjjjjjjjjjjjjjjjjj <hr>
<div id="drop"><span id="sw">show</span></div>
<div id="ko_drop"><span id="sw">ko_drop_show</span></div>
     
<div id="drag" >
<div class="drg" id="sn_100" >
<a href=/ko_center/ko_center.php?q=jqui/ko target=_blank>
<img id="img_kopng" src="./images/ko/ko.png" alt="ko" border=0 width="10%" />
</a>
</div>
</div>
     
<a href=/ko_center/ko_center.php?q=jqui/kow target=_blank>
<img id="img_kowpng" src="./images/ko/kow.png" alt="kow" border=0 width="10%">
</a>
     
<a href=/ko_center/ko_center.php?q=jqui/kob target=_blank>
<img id="img_kobpng" src="./images/ko/kob.png" alt="kob" border=0 width="10%">
</a>
     
<a href=/ko_center/ko_center.php?q=jqui/kobspray target=_blank>
<img src="./images/ko/kob_spray.png" alt="kobspray" border=0 width="10%">
</a>
     
<hr>
<h3>ko_center plans </h3>
<a href=/ko_center/ko_center.php?q=db/grid/ko_center/props >grid_search </a>
<hr><h1>item</h1><hr>
<div id="drag" >
<div class="drg" id="sn_164" > drag
<a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h>
<img class="drg" src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=sn_164>
</a>
</div>
</div>
     
<div id="drag" >
<div class="drg1" id="sn_164" > drag
<a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h>
<img class="drg" src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=sn_164>
</a>
</div>
</div>
     
<div id="drag1" >
<div class="drg" id="sn_164" > nodrag
<a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h>
<img class="drg" src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=sn_164>
</a>
</div>
</div>
     
<div id="drag1" >
<div class="drg" id="drag1_drg" >
<a href=https://ka6//ko_center/ko_center.php?q=jqui/drag1_drg> nodrag
<img class="drg" src=./images/ko/ko.png border=0 width=125 alt=img_drag1_drg>
</a>
</div>
</div>
     
<div id="ko_drag" >
<div class="drg" id="ko_drag_drg" >
<a href=https://ka6//ko_center/ko_center.php?q=jqui/ko_drag_drg> drag
<img class="drg" src=./images/ko/kiw.png border=0 width=125 alt=img_ko_drag_drg>
</a>
</div>
</div>
     
<div id="ko_drag1" >
<div class="drg" id="ko_drag1_drg" >
<a href=https://ka6//ko_center/ko_center.php?q=jqui/ko_drag1_drg> drag
<img class="drg" src=./images/ko/kob.png border=0 width=125 alt=img_ko_drag1_drg>
</a>
</div>
</div>
     
<br> sn=sn_164 hrctag= item=ibm_blade_center_h amps=46 samps=
<div id="drag" >
<div class="drg" id="sn_77" >
<a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h>
<img class="drg" src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=sn_77>
</a>
</div>
</div>
<br> sn=sn_77 hrctag= item=ibm_blade_center_h amps=46 samps=
<div id="drag" >
<div class="drg" id="sn_163" ><a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h><img class="drg" src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=sn_163></a></div>
</div>
<br> sn=sn_163 hrctag= item=ibm_blade_center_h amps=46 samps=
<div id="drag" .
<div class="drg" id="sn_165" ><a href=https://ka6//ko_center/ko_center.php?q=item/sun_blade_6000><img class="drg" src=./images/cab/sun_blade_6000.png border=0 width=35 alt=sn_165></a></div>
</div>
<br> sn=sn_165 hrctag= item=sun_blade_6000 amps=30.2 samps=
<div id="drag" >
<div class="drg" id="sn_78" ><a href=https://ka6//ko_center/ko_center.php?q=item/sun_blade_6000><img class="drg" src=./images/cab/sun_blade_6000.png border=0 width=35 alt=sn_78></a></div>
</div>
<br> sn=sn_78 hrctag= item=sun_blade_6000 amps=30.2 samps=
     
<div id="drop"><span id="sw">show2</span></div>
     
<div id="ko_drop1"><span id="sw">ko_drop_show1</span></div>
     
<div id="ko_drop2"><span id="sw">ko_drop_show2</span></div>
</body>
</html>
//
koh5_pano
Drag mouse to navigate.
Navigation
- Left/Right Mouse drag: Changes camera heading.
- Up/Sown Mouse drag: Changes camera pitch.
- Scroll wheel: Changes camera field of view.
- I-Key: Displays Info panel with canvas size, image size and FPS.
17.Aug.2010, Martin Wengenmayer