<!doctype html>
<html>
<head>
<title>Wikipedia Autocompletion Table</title>
<meta id="myviewport" name="viewport" content="width=device-width, initial-scale=1.3, minimum-scale=0.1, maximum-scale=8, user-scalable=yes" >
<script type='text/javascript'>
var selc=" ", seli=0, selcombov=[], retrep='', alist='';
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);
}
</script>
<style>
div.wikiautocompletion { background-color:yellow; height:20px; max-height:20px; width:100%; overflow-y:hidden; }
div.wikiautocompletion:hover { background-color:#ffffbf; height:20px; max-height:20px; width:100%; overflow-y:hidden; }
div.wikiautocompletion:active { background-color:#ffffbf; height:20px; max-height:20px; width:100%; overflow-y:hidden; }
select.wikiautocompletion { background-color:pink; width:95%; text-align:center; }
select.wikiautocompletion:hover { background-color:pink; width:80%; text-align:center; }
div.wikiautocompletion:hover select.wikiautocompletion { background-color:pink; width:80%; text-align:center; }
select.wikiautocompletion:active { background-color:pink; width:80%; text-align:center; }
div.wikiautocompletion:active select.wikiautocompletion { background-color:pink; width:80%; text-align:center; }
td { vertical-align:top; height:20px; max-height:20px; overflow-y:hidden;
</style>
<script type='text/javascript' src='wikiautocompletion.js?ddlist=1,2,3,4,5' defer></script>
<script type='text/javascript' src='wikiautocompletion.js?ddlist=a,b,c,d,e' defer></script>
<script type='text/javascript' src='wikiautocompletion.js?ddlist=A,B,C,D,E' defer></script>
</head>
<body>
<!--div style=inline-block; id='demo'></div-->
<h2>Wikipedia Autocomplete Table<a onclick=" alist=prompt('Enter a comma separated list of Topics to tabulate links in dropdown elements for. Left spaces makes this work with existing table above. Suffixes can start with # (for ID) and . (for class) to drill down into a List Of child webpage and extract as per that specification ( eg. .mw-headline ) might be useful. Encasing in double or single quotes ignores the . and # roles of last directive.',''); if (alist == null) { alist=''; } if (alist != '') { this.innerHTML=' regarding List Of ' + alist.trim().split('.')[0].split('#')[0] + '.'; if (alist.trim() != alist) { var divs=document.getElementsByTagName('div'); var sels=document.getElementsByTagName('select'); for (var isels=0; isels<sels.length; isels++) { sels[isels].innerHTML=''; divs[isels].setAttribute('data-dropinnards', encodeURIComponent(divs[isels].innerHTML)); } if (alist.replace('#','.').indexOf('.') != -1) { document.body.style.cursor='progress'; if (7 == 7 || navigator.userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile/i)) { document.getElementById('adot').innerHTML=document.getElementById('adot').innerHTML.split('&')[0].split('.')[0] + '⌛'; } } document.getElementById('viapiframe').src='./wikiautocompletion.php?topics=' + encodeURIComponent(alist.trim()) + '&viap=' + Math.floor(Math.random() * 198765434); } else { location.href='./wikiautocompletion.php?topics=' + encodeURIComponent(alist.trim()); } } " style="text-decoration:none;cursor:pointer;" title="Your own list" id=adot>.</a></h2>
<h3>RJM Programming <a target=_blank title=Restart href='./wikiautocompletion.htm'>-</a> December, 2021</h3>
<form id=myform onsubmit="return true;" method="GET" action="wikiautocompletion.htm">
<table cellspacing=4 cellpadding=2 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=hidden id="inavigate" value=''></input>
<input type=hidden id="itable" value=''></input>
<input type=hidden id="icontent" value=''></input>
<input id=isubmit type=submit value=Test></input>
</form>
<div id=viapcontent style=display:none;></div>
<iframe id=viapiframe style=display:none; src=></iframe>
<input id=iootw type=text style='position:absolute;top:-200px;left:-500px;' value=''></input>
</body>
</html>