DIR : /home/kozerus/public_html/ko_center/drag1.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=jqui/dragdrop1/"
$(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=./ko_plans/images/plan1_cab2_cm34_000_056.png width=60 class="drg" > .
/ko_plans/images/plan1_cab2_cm34_000_056.png 56.4<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="drop"><span id="sw">show</span></div>
cab1_output<hr><h1>cab2</h1><hr>
<img src=./ko_plans/images/plan1_cab2_cn29_000_029.png> ./ko_plans/images/plan1_cab2_cn29_000_029.png 29.6<br>
<img src=./ko_plans/images/plan1_cab2_cn34_000_103.png> ./ko_plans/images/plan1_cab2_cn34_000_103.png 103.2<br>
<img src=./ko_plans/images/plan1_cab2_co34_000_066.png> ./ko_plans/images/plan1_cab2_co34_000_066.png 66.0<br>
<img src=./ko_plans/images/plan1_cab2_cp29_000_025.png> ./ko_plans/images/plan1_cab2_cp29_000_025.png 25.0<br>
<img src=./ko_plans/images/plan1_cab2_cp34_000_030.png> ./ko_plans/images/plan1_cab2_cp34_000_030.png 30<br>
<img src=./ko_plans/images/plan1_cab2_cq34_000_074.png> ./ko_plans/images/plan1_cab2_cq34_000_074.png 74.8<br>
<img src=./ko_plans/images/plan1_cab2_cq37_000_004.png> ./ko_plans/images/plan1_cab2_cq37_000_004.png 4.4<br>
<img src=./ko_plans/images/plan1_cab2_cr29_000_022.png> ./ko_plans/images/plan1_cab2_cr29_000_022.png 22.8<br>
<img src=./ko_plans/images/plan1_cab2_cr34_000_027.png> ./ko_plans/images/plan1_cab2_cr34_000_027.png 27.6<br>
<img src=./ko_plans/images/plan1_cab2_cr37_000_101.png> ./ko_plans/images/plan1_cab2_cr37_000_101.png 101.6<br>
<img src=./ko_plans/images/plan1_cab2_ct29_000_006.png> ./ko_plans/images/plan1_cab2_ct29_000_006.png 6.2<br>
<img src=./ko_plans/images/plan1_cab2_cu37_000_046.png> ./ko_plans/images/plan1_cab2_cu37_000_046.png 46<br>
<img src=./ko_plans/images/plan1_cab2_cv34_000_045.png> ./ko_plans/images/plan1_cab2_cv34_000_045.png 45<br>
<img src=./ko_plans/images/plan1_cab2_cw34_000_060.png> ./ko_plans/images/plan1_cab2_cw34_000_060.png 60<br>
<img src=./ko_plans/images/plan1_cab2_cw37_000_092.png> ./ko_plans/images/plan1_cab2_cw37_000_092.png 92<br>
<img src=./ko_plans/images/plan1_cab2_cx29_000_060.png> ./ko_plans/images/plan1_cab2_cx29_000_060.png 60<br>
<img src=./ko_plans/images/plan1_cab2_cx30_000_030.png> ./ko_plans/images/plan1_cab2_cx30_000_030.png 30<br>
<img src=./ko_plans/images/plan1_cab2_cx31_000_015.png> ./ko_plans/images/plan1_cab2_cx31_000_015.png 15<br>
<img src=./ko_plans/images/plan1_cab2_cx34_000_028.png> ./ko_plans/images/plan1_cab2_cx34_000_028.png 28.0<br>
<img src=./ko_plans/images/plan1_cab2_cy29_000_013.png> ./ko_plans/images/plan1_cab2_cy29_000_013.png 13.2<br>
<img src=./ko_plans/images/plan1_cab2_cy34_000_022.png> ./ko_plans/images/plan1_cab2_cy34_000_022.png 22.4<br>
<img src=./ko_plans/images/plan1_cab2_cy42_000_054.png> ./ko_plans/images/plan1_cab2_cy42_000_054.png 54.4<br>
<img src=./ko_plans/images/plan1_cab2_cz34_000_002.png> ./ko_plans/images/plan1_cab2_cz34_000_002.png 2<br>
<img src=./ko_plans/images/plan1_cab2_cz42_000_060.png> ./ko_plans/images/plan1_cab2_cz42_000_060.png 60.4<br>
<img src=./ko_plans/images/plan1_cab2beg_000_1076.png border=0 alt=./ko_plans/images/plan1_cab2beg_000_1076.png><hr>cab2beg_pngfile=[./ko_plans/images/plan1_cab2beg_000_1076.png] cab2_tot_samps=[1076]<br>
<hr><h2>cab2</h2><hr>
</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