DIR : /home/kozerus/public_html/ko_center/drag1save.html
/home/kozerus/public_html/ko_center
<!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>
<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:200px;
height:150px;
margin:3px auto;
background:#eddaa8;
font-size:16px;
}
#drop #sw { text-decoration:underline; cursor:pointer; }
#drag {
width:450px;
height:180px;
margin:12px auto;
border:1px solid silver;
font-size:16px;
}
#drag .drg { margin:10px 12px; }
#drag div.drg {
width:150px;
height:50px;
background:#07da08;
border:2px solid blue;
}
--></style>
<script type="text/javascript"><!--
var gridimgpath = 'js/themes/swanky-purse/images';
$(document).ready(function() {
// sets the draggable
$('#drag .drg').draggable({
cursor: 'move', // sets the cursor apperance
revert: 'valid'
});
// sets droppable
$('#drop').droppable({
drop: function(event, ui) {
// after the draggable is droped, hides it with a hide() effect
ui.draggable.hide(1000);
}
});
// 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(1000);
var url = "https://ka6/ko_center/ko_center.php?q=dragdrop/test2";
$(location).attr('href',url);
});
});
--></script>
--></script>
</head>
<body>
test 20121207_1820
<hr>
<div id="drop">Drop here <span id="sw">Show</span></div>
<div id="drop"> cab_empty <img src="./images/cab/cab_empty.png><span id="sw">Show</span></div>
<div id="drag">
Drag these images:<br />
<img src="./images/cab/visix_content_server.png" alt="visix_content_server" width="50" class="drg" />
<img src="./images/cab/hp_dl585_g2.png" alt="hp_dl585" width="50" class="drg" />
<img src="./images/cab/hp_rx7640.png" alt="hp_rx7640" width="50" class="drg" />
<img src="./images/cab/sun_x4140.png" alt="sun_x4140" width="50" class="drg" />
<img src="./images/cab/sunfire_v440.png" alt="sunfire_v440" width="50" class="drg" />
<div class="drg">DIV with some content. Click and drag</div>
</div>
<hr>
<hr>
<hr><b>test1: </b><hr>
<div id="drop"> cab_empty <span id="sw">Show</span></div>
<div id="drop">
<span id="sw">Show</span>
</div>
<div id="drag">
Drag these images:<br />
<img src="./images/cab/visix_content_server.png" alt="visix_content_server" width="50" class="drg" />
<img src="./images/cab/hp_dl585_g2.png" alt="hp_dl585" width="50" class="drg" />
<img src="./images/cab/hp_rx7640.png" alt="hp_rx7640" width="50" class="drg" />
<img src="./images/cab/sun_x4140.png" alt="sun_x4140" width="50" class="drg" />
<img src="./images/cab/sunfire_v440.png" alt="sunfire_v440" width="50" class="drg" />
</div>
<div class="drg" Click and drag</div>
<hr>
<div id="drop">Drop here <span id="sw">Show</span></div>
<div id="drop"> cab_empty <img src="./images/cab/cab_empty.png><span id="sw">Show</span></div>
<div id="drag">
Drag these images:<br />
<img src="./images/cab/visix_content_server.png" alt="visix_content_server" width="50" class="drg" />
<img src="./images/cab/hp_dl585_g2.png" alt="hp_dl585" width="50" class="drg" />
<img src="./images/cab/hp_rx7640.png" alt="hp_rx7640" width="50" class="drg" />
<img src="./images/cab/sun_x4140.png" alt="sun_x4140" width="50" class="drg" />
<img src="./images/cab/sunfire_v440.png" alt="sunfire_v440" width="50" class="drg" />
<div class="drg">DIV with some content. Click and drag</div>
</div>
<div id="drag" >
<a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h>
<img src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=ibm_blade_center_h>
</a>
</div>
<hr><h1>item</h1><hr>
<div id="drag">
<br> sn=sn_163 hrctag= item=ibm_blade_center_h amps=46 samps=
<div class="drg" id="drag" ><a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h><img src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=ibm_blade_center_h></a></div>
<br> sn=sn_164 hrctag= item=ibm_blade_center_h amps=46 samps=
<div class="drg" id="drag" ><a href=https://ka6//ko_center/ko_center.php?q=item/ibm_blade_center_h><img src=./images/cab/ibm_blade_center_h.png border=0 width=35 alt=ibm_blade_center_h></a></div>
<br> sn=sn_77 hrctag= item=ibm_blade_center_h amps=46 samps=
<div class="drg" id="drag" ><a href=https://ka6//ko_center/ko_center.php?q=item/sun_blade_6000><img src=./images/cab/sun_blade_6000.png border=0 width=35 alt=sun_blade_6000></a></div>
<br> sn=sn_149 hrctag= item=sun_blade_6000 amps=30.2 samps=
<div class="drg" id="drag" ><a href=https://ka6//ko_center/ko_center.php?q=item/sun_blade_6000><img src=./images/cab/sun_blade_6000.png border=0 width=35 alt=sun_blade_6000></a></div>
<br> sn=sn_63 hrctag= item=sun_blade_6000 amps=30.2 samps=
<div id="drop"><span id="sw">show</span></div>
<div id="drop"><span id="sw">show</span></div>
</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