DIR : /home/kozerus/public_html/hide_best.html
/home/kozerus/public_html
<html>
<head>
<title>hide.html 20200216_1200</title>
<script id="script_hideshow">
function script_hideshow_bugs(element) {
alert( "BUGS_13 script_hideshow element="+element );
var htmout = "";
var btn_text="hide";
var btn_img="/imgs/btn/koeye.png";
var btn_img_hide="/imgs/btn/koeyeb.png";
var btn_img_show="/imgs/btn/koeyew.png";
var htmout_av_btn="";
var btn_av_text="av_hide";
var btn_av_img_hide="/imgs/btn/koeyeb.png";
var btn_av_img_show="/imgs/btn/koeyew.png";
var btn_av_img=btn_av_img_hide;
var htmout_yt_btn="";
var btn_yt_text="yt_hide";
var btn_yt_img_hide="/imgs/btn/koeyeb.png";
var btn_yt_img_show="/imgs/btn/koeyew.png";
var btn_yt_img=btn_yt_img_hide;
var htmout_zm_btn="";
var btn_zm_text="zm_hide";
var btn_zm_img_hide="/imgs/btn/koeyeb.png";
var btn_zm_img_show="/imgs/btn/koeyew.png";
var btn_zm_img=btn_zm_img_hide;
alert( "BUGS_30 script_hideshow element="+element );
if( document.getElementById(element).style.display == 'none' ) {
document.getElementById(element).style.display = 'inline';
btn_text="hide";
btn_img=btn_img_hide;
if( element.match(/div_av/) ) {
btn_av_text = "av_hide";
btn_av_img = btn_av_img_hide;
htmout_av_btn += '<img src="'+btn_av_img+'" alt="'+btn_av_text+'" onclick="script_hideshow(\'div_av\');return false">';
document.getElementById('div_av_btn').innerHTML=htmout_av_btn;
return;
}
if( element.match(/div_yt/) ) {
btn_yt_text = "yt_hide";
btn_yt_img = btn_yt_img_hide;
htmout_yt_btn += '<img src="'+btn_yt_img+'" alt="'+btn_yt_text+'" onclick="script_hideshow(\'div_yt\');return false">';
document.getElementById('div_yt_btn').innerHTML=htmout_yt_btn;
return;
}
if( element.match(/div_zm/) ) {
btn_zm_text = "zm_hide";
btn_zm_img = btn_zm_img_hide;
htmout_zm_btn += '<img src="'+btn_zm_img+'" alt="'+btn_zm_text+'" onclick="script_hideshow(\'div_zm\');return false">';
document.getElementById('div_zm_btn').innerHTML=htmout_zm_btn;
return;
}
}
else {
document.getElementById(element).style.display = 'none';
btn_text="show";
btn_img=btn_img_show;
}
htmout="BUGS_70 beg<br>";
htmout += "<hr color=yellow>";
htmout += '<button type="button" onclick="script_hideshow("div_av");return false">'+btn_text_av+'</button>';
htmout += '<button type="button" onclick="script_hideshow("div_yt");return false">'+btn_text_yt+'</button>';
htmout += '<button type="button" onclick="script_hideshow("div_zm");return false">'+btn_text_zm+'</button>';
htmout += '<hr color=white';
htmout += '<img src="'+btn_av_img+'" alt="'+btn_av_text+'" onclick="script_hideshow(\'div_av\');return false">';
htmout += '<img src="'+btn_yt_img+'" alt="'+btn_yt_text+'" onclick="script_hideshow(\'div_yt\');return false">';
htmout += '<img src="'+btn_zm_img+'" alt="'+btn_zm_text+'" onclick="script_hideshow(\'div_zm\');return false">';
htmout="BUGS_80 beg<br>";
if( element.match(/div_btn_av/)) {
document.getElementById('div_av_btn').innerHTML=htmout_btn_av;
return();
}
if( element.match(/div_btn_yt/)) {
document.getElementById('div_yt_btn').innerHTML=htmout_btn_yt;
return();
}
if( element.match(/div_btn_zm/)) {
document.getElementById('div_btn_zm').innerHTML=htmout_btn_zm;
return();
}
alert( "BUGS_100 script_hideshow element="+element );
}
</script>
<script id="script_hideshow">
function script_hideshow(element) {
// alert( "BUGS_101 element="+element );
var htmout = ""; var j=0; var k=0;
var divid = "";
var div_divid = "";
var divids = "av db dd fb pn sl tl tm yt zm".split(" ");
// alert( "BUGS_102 divids="+divids );
htmout += '<div id="div_buttons_hideshow">';
for( j=0; j<divids.length; j++ ) {
divid=divids[j];
div_divid="div_"+divid
htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="script_hideshow(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
// alert( "BUGS_101 j="+j+" divid="+divid+" div_divid="+div_divid );
}
htmout += ' </div>';
alert( "BUGS_120 htmout="+htmout );
document.getElementById("div_buttons_hideshow").innerHTML = htmout;
}
function script_hideshow_bugs(element) {
alert( "BUGS_110 element="+element );
// alert( "BUGS_110 script_hideshow element="+element );
//
// if( document.getElementById(div_divid).style.display == 'inline' ) {
// var element_display=document.getElementById(element).style.display;
// alert( "BUGS_111 show element="+element+" display=element_display );
// alert( "BUGS_111 hide element="+element);
// document.getElementById(element).style.display = 'none';
// document.getElementById(element).style.display = 'inline';
// alert( "BUGS_120 script_hideshow element="+element );
// alert( "BUGS_121 script_hideshow element="+element );
// htmout += '<div id="div_'+divid+'_btn">';
//
// htmout += '</div>';
// // alert( "BUGS_121a script_hideshow htmout_div_av_btn="+htmout_div_av_btn );
// if( div_divid.match(/element/)) {
// htmout += '<img src="/imgs/btn/koeyew'+divid+'.png" height=50 onclick="script_hideshow(\'div_'+divid+'\');return false;" alt="btn_'+divid+'_hide">';
// document.getElementById(element).style.display = 'none';
// }
// else {
// htmout += '<img src="/imgs/btn/koeyeb'+divid+'.png" height=50 onclick="script_hideshow(\'div_'+divid+'\');return false;" alt="btn_'+divid+'_hide">';
// alert( "BUGS_121b script_hideshow htmout_div_av_btn="+htmout_div_av_btn );
// }
// htmout += ' </div>';
// // document.getElementById(element).style.display = 'none';
// }
// else {
// alert( "BUGS_220 script_hideshow element="+element );
// htmout += '<div id="'+div_divid+'_btn">';
// // document.getElementById(element).style.display = 'none';
// if( element.match(/div_divid/)) {
// alert( "BUGS_221 script_hideshow element="+element );
// htmout += '<img src="/imgs/btn/koeyeb_'+divid+'.png" height=50 onclick="script_hideshow(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
// document.getElementById(element).style.display = 'inline';
// }
// else {
// htmout += '<img src="/imgs/btn/koeyew_'+divid+'.png" height=50 onclick="script_hideshow(\''+div_divid+'\');return false;" alt="btn_'+divid+'_hide">';
// }
// htmout += ' </div>';
// }
}
</script>
<script id="script_startup">
function startup(){
// alert("BUGS_100 startup");
}
</script>
</head>
<body onload="startup();return false;">
<div id="div_btn_hideshow" >
<hr color=black>
<hr color=white>
<button type="button" onclick="script_hideshow('div_av');return false">hide_av</button>
<button type="button" onclick="script_hideshow('div_dd');return false">hide_dd</button>
<button type="button" onclick="script_hideshow('div_fb');return false">hide_fb</button>
<button type="button" onclick="script_hideshow('div_pn');return false">hide_pn</button>
<button type="button" onclick="script_hideshow('div_sl');return false">hide_sl</button>
<button type="button" onclick="script_hideshow('div_tl');return false">hide_tl</button>
<button type="button" onclick="script_hideshow('div_tm');return false">hide_tm</button>
<button type="button" onclick="script_hideshow('div_yt');return false">hide_yt</button>
<button type="button" onclick="script_hideshow('div_zm');return false">hide_zm</button>
<hr color=white>
<div id="div_buttons_hideshow">
<img src="/imgs/btn/koeyeb_av.png" height=50 onclick="script_hideshow('div_av');return false;" alt="btn_av_hide">
<img src="/imgs/btn/koeyeb_dd.png" height=50 onclick="script_hideshow('div_dd');return false;" alt="btn_dd_hide">
<img src="/imgs/btn/koeyeb_fb.png" height=50 onclick="script_hideshow('div_fb');return false;" alt="btn_fb_hide">
<img src="/imgs/btn/koeyeb_pn.png" height=50 onclick="script_hideshow('div_pn');return false;" alt="btn_pn_hide">
<img src="/imgs/btn/koeyeb_sl.png" height=50 onclick="script_hideshow('div_sl');return false;" alt="btn_sl_hide">
<img src="/imgs/btn/koeyeb_tl.png" height=50 onclick="script_hideshow('div_tl');return false;" alt="btn_tl_hide">
<img src="/imgs/btn/koeyeb_tm.png" height=50 onclick="script_hideshow('div_tm');return false;" alt="btn_tm_hide">
<img src="/imgs/btn/koeyeb_yt.png" height=50 onclick="script_hideshow('div_yt');return false;" alt="btn_yt_hide">
<img src="/imgs/btn/koeyeb_zm.png" height=50 onclick="script_hideshow('div_zm');return false;" alt="btn_zm_hide">
</div>
<hr color=white>
<hr color=black>
</div>
<div id="div_av"> <h1>div_av</h1> </div>
<div id="div_dd"> <h1>div_dd</h1> </div>
<div id="div_fb"> <h1>div_fb</h1> </div>
<div id="div_pn"> <h1>div_pn</h1> </div>
<div id="div_sl"> <h1>div_sl</h1> </div>
<div id="div_tl"> <h1>div_tl</h1> </div>
<div id="div_tm"> <h1>div_tm</h1> </div>
<div id="div_yt"> <h1>div_yt</h1> </div>
<div id="div_zm"> <h1>div_zm</h1> </div>
</body>
</html>
//