DIR : /home/kozerus/public_html/ko/ko_toggles.html
/home/kozerus/public_html/ko
<script id=script_toggle>
function toggle(divid) {
var imgid=divid.replace("div_","img_" );
if(! document.getElementById(divid)) { return; }
var imgid=divid.replace("div_","img_" );
style_display=document.getElementById(divid).style.display;
if( style_display == "none" ) {
img="<img src=/imgs/btn/koeyew.png id="+imgid+" height=75 onclick=\"toggle('"+divid+"'); return false;\" >";
document.getElementById(divid).style.display="inline";
document.getElementById(imgid).innerHTML=img;
document.getElementById(imgid).src="/imgs/btn/koeyew.png";
// alert( "BUGS_37891 INLINE img="+img );
}
else {
img="<img src=/imgs/btn/koeyeb.png id="+imgid+" height=75 onclick=\"toggle('"+divid+"'); return false;\" >";
document.getElementById(divid).style.display="none";
document.getElementById(imgid).innerHTML=img;
document.getElementById(imgid).src="/imgs/btn/koeyeb.png";
}
}
</script id=script_toggle_end>
<script id="toggles">
function toggles(element) {
var htmout = ""; var htmout_b = "";
var j=0; var k=0;
var htmbugs = "";
htmbugs += '<div id="div_htmbugs">';
htmbugs += ' <h1>div_htmbugs</h1>';
htmbugs += ' <pre>';
var style_d = "_style_d";
var style_v = "_style_v";
var divid = "";
var div_divid = "";
// var divids = "konet iperms <hr> jkwii jk sk skwii <hr> jtfdc jtfinc jtfdcr <hr> law med kou kids <hr> av db dd fb pn sl tl tm yt zm <hr> abc media files misc mess xyz".split(" ");
var divids = "konet iperms jtfdcr <hr> fb pdf pn tm tl zm <hr> file forms".split(" ");
// alert( "BUGS_102 divids="+divids );
htmout += '<div id="div_buttons_toggle">';
htmout_b += '<div id="div_buttons_toggle_b">';
if(( element == "div_alloff" )) {
for( j=0; j<divids.length; j++ ) {
// htmout = ""; htmout_b="";
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
if( divid == "<hr>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
if(! document.getElementById(div_divid)) { continue; }
if( document.getElementById(div_divid)) {
document.getElementById(div_divid).style.display="none";
}
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
htmout_b += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
}
htmout += " </div>\n";
htmout_b += " </div>\n";
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b;
return;
}
if(( element == "div_toggle" )) {
// htmout = ""; htmout_b="";
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
if( divid == "<hr>" ) {
htmout += divid;
htmout_b += divid;
continue;
}
// alert( "BUGS_1770 toggle toggle j="+j+" element="+element );
if(! document.getElementById(div_divid)) { continue; }
if( document.getElementById(div_divid)) {
if( document.getElementById(div_divid).style.display == "none" ) {
document.getElementById(div_divid).style.display="inline";
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
htmout_b += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
}
else {
document.getElementById(div_divid).style.display="none";
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
htmout_b += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">';
}
}
}
htmout += " </div>\n";
htmout_b += " </div>\n";
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b;
return;
}
if( element == "div_allon" ) {
// htmout = ""; htmout_b = "";
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
htmout += divid;
htmout_b += divid;
// alert( "BUGS_105 <BR> divid="+divid+" htmout="+htmout );
continue;
}
if( divid == "<hr>" ) {
htmout += divid;
htmout_b += divid;
// alert( "BUGS_105 <HR> divid="+divid+" htmout="+htmout );
continue;
}
if(! document.getElementById(div_divid)) { continue; }
if( document.getElementById(div_divid)) {
document.getElementById(div_divid).style.display="inline";
}
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">\n';
htmout_b += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+divid+'\');return false;" alt="btn_'+divid+'">\n';
// alert( "BUGS_115 j="+j+" divid="+divid+" htmout="+htmout+ "element="+element );
}
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout_b;
return;
}
// alert( "BUGS_1800 toggle element="+element );
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid;
if( divid == "<br>" ) {
// alert( "BUGS_151 <BR> divid="+divid+" element="+element );
htmout += divid;
continue;
}
if( divid == "<hr>" ) {
// alert( "BUGS_152 <HR> divid="+divid+" element="+element );
htmout += divid;
continue;
}
if(! document.getElementById(div_divid)) { continue; }
style_v = document.getElementById(div_divid).style.visibility;
// alert( "BUGS_132 j="+j+" style_d="+style_d+" style_v="+style_v );
// document.getElementById(div_divid).style.display = "none";
style_d = document.getElementById(div_divid).style.display;
// alert( "BUGS_133 j="+j+" style_d="+style_d+" style_v="+style_v );
htmbugs += "htmbugs j="+j+" divid="+divid;
htmbugs += " -== div_divid="+div_divid;
htmbugs += " element="+element;
htmbugs += " =- -=";
htmbugs += " style_d="+style_d+"";
htmbugs += " style_v="+style_v+"";
htmbugs += "====================\n";
// if( div_divid.match(/element/) != '') {
// if( div_divid.match(element)) {
// if( div_divid == element ) {
// alert( "BUGS_141 _MATCH_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v );
// htmbugs += "BUGS_141 _MATCH_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
// }
// else {
// alert( "BUGS_142 nomatch div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v );
// htmbugs += "BUGS_142 _match_ div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
// }
// selected button
// if( div_divid.match(element) ) {
if( div_divid == element ) {
style_d = document.getElementById(div_divid).style.display;
// alert( "BUGS_160 MATCH div_divid="+div_divid+" element="+element+" style_d="+style_d );
if( document.getElementById(div_divid).style.display == "none" ) {
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_161 _DIV_DIVID-NONE div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
document.getElementById(div_divid).style.display="inline";
}
else {
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_162 DIV_DIVID-INLINE div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
document.getElementById(div_divid).style.display="none";
}
}
// other buttons
// else {
if( div_divid != element ) {
// alert( "BUGS_170 rest div_divid="+div_divid+" element="+element );
if( document.getElementById(div_divid).style.display == "none" ) {
htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_171 div_divid_none div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
}
else {
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="toggles(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
htmbugs += "BUGS_172 div_divid_inline div_divid="+div_divid+" element="+element+" style_d="+style_d+" style_v="+style_v;
}
}
if( divid == "pn" ) { htmout += "<br>"; }
if( divid == "<br>" ) { htmout += "<br>\n"; }
if( divid == "<hr>" ) { htmout += "<hr>\n"; }
}
htmout += ' </div>';
htmbugs += " </pre>";
htmbugs += " </div>";
// alert( "BUGS_181 toggles divid="+divid+" htmout="+htmout );
// alert( "BUGS_200 htmbugs="+htmbugs );
// document.getElementById("div_htmbugs").innerHTML = htmbugs;
document.getElementById("div_buttons_toggle").innerHTML = htmout;
document.getElementById("div_buttons_toggle_b").innerHTML = htmout;
}
</script>
//
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