<!doctype html>
<html>
<head>
<title>ComboBox Table</title>
<script type='text/javascript'>
var clickcnt=0;

var selc=" ", seli=0, selcombov=[], retrep='';
while (selc != '') {
selc = location.search.split('selcombo' + seli + '=')[1] ? decodeURIComponent(location.search.split('selcombo' + seli + '=')[1].split('&')[0]) : '';
if (selc != '') { selcombov.push('' + selc); retrep+='Value' + eval(1 + seli) + ' (set by user)=' + selc + String.fromCharCode(10); }
seli++;
}
if (retrep != '') {
if (('' + document.referrer).indexOf('?topics=') != -1) {
var cols=decodeURIComponent(('' + document.referrer).split('?topics=')[1]).split(',');
for (var iiu=1; iiu<=cols.length; iiu++) {
retrep=retrep.replace('Value' + iiu + ' ', cols[eval(-1 + iiu)] + ' ');
}
}
alert(retrep);
}

function toggleit(ob) {
clickcnt=0;
if (ob.innerHTML.indexOf('inline-block') != -1 || document.getElementById('atend').innerHTML == '') {
document.getElementById('atend').innerHTML=ob.innerHTML.replace(/\>\;/g,'>').replace(/\<\;/g,'<');
ob.innerHTML='Back to normal';
} else {
location.href=document.URL;
}
}

function backtozero() {
clickcnt=0;
}
</script>
<style>
div.combobox { background-color:yellow; height:20px; max-height:20px; overflow-y:hidden; }
select.combobox { background-color:pink; width:95%; text-align:center; }
td { vertical-align:top; height:20px; max-height:20px; overflow-y:hidden; }
</style>
<script type='text/javascript' src='combobox.js?ddlist=1,2,3,4,5' defer></script>
<script type='text/javascript' src='combobox.js?ddlist=a,b,c,d,e' defer></script>
<script type='text/javascript' src='combobox.js?ddlist=A,B,C,D,E' defer></script>
</head>
<body>

<h1>ComboBox Table<a onclick="var alist=prompt('Enter a comma separated list of Topics to tabulate links in dropdown elements for',''); if (alist == null) { alist=''; } if (alist != '') { location.href='./combobox.php?topics=' + encodeURIComponent(alist); } " style="text-decoration:none;cursor:pointer;" title="Your own list">.</a></h1>
<h3>RJM Programming - November, 2020</h3>
<form onsubmit="return true;" method=GET action=combobox.htm>
<table border=20>
<tr><th>Integer</th><th>Lowercase</th><th>Uppercase</th></tr>
<tr><td></td><td></td><td></td></tr>
</table><br>
<input type=submit value=Test></input>
</form>
<button onclick='clickcnt++; if (clickcnt >= 2) { clickcnt=0; toggleit(this); } else { setTimeout(backtozero,5000); }' title='Double click me to act, can change button value elsewise' contenteditable=true style='background-color:yellow;' ondblclick=toggleit(this); id=btoggle><style> * { display: inline-block; } </style></button>
<br>
<div id=atend></div>
</body>
</html>