Files
Flask_scripts/germany/templates/webapp.html

92 lines
2.7 KiB
HTML
Raw Permalink Normal View History

<html>
<head>
<script src="https://telegram.org/js/telegram-web-app.js"></script>
</head>
<body bgcolor="#FFFFFF">
<script>
//document.getElementById("tg_btn").hidden = True;
//Telegram.WebApp.MainButton.setText( 'отправить текст из поля' );
function sendData(){
//alert('Start sendData.');
var dataval = document.getElementById("dr_list").innerHTML; //document.getElementById("dr_list").value;
Telegram.WebApp.sendData(dataval);
Telegram.WebApp.close();
}
function sendDrug(dname){
//alert('Start sendDrug.');
Telegram.WebApp.sendData(dname);
Telegram.WebApp.close();
}
//alert("hello");
//try{
// alert(Telegram.WebApp.initDataUnsafe.user.id)
//} catch(err) {
// alert(err);
//}
//document.getElementById("dldiv").style.visibility = "hidden";
var gd_link='/drl'; // получить список лекарств
function getDrug(){
try{
//alert('Start getDrug');
var dataval = document.getElementById("info").value;
var request = window.XMLHttpRequest ?
new XMLHttpRequest() : new ActiveXObject("MSXML2.XMLHTTP.3.0");
request.open("GET", gd_link + '?drp='+dataval, true);
request.onreadystatechange = function() {
if (request.readyState == 4) {
if (request.status == 200) {
//alert(request.responseText);
fillDrugList(request.responseText);
}
else alert("Сбой при поиске лекарств. Попробуйте повторить.");;
}
}
request.send(null);
} catch(err) {
alert(err);
}
}
var drug_list = null;
function fillDrugList(text){
var buf='';
var strings = text.split('\n');
for (i = 0; i < strings.length; i++){
var s = '<a href="" onClick="sendDrug(\''+strings[i]+'\');">'+strings[i]+'</a>';
if(i==0) buf = s;
else buf+= '<br>\n' + s;
}
drug_list = document.getElementById('dr_list');
if (drug_list){
drug_list.innerHTML = buf;
//document.getElementById("tg_btn").hidden = False;
//document.getElementById("dldiv").style.visibility = "visible";
}//else document.getElementById("dldiv").style.visibility = "hidden";
}
</script>
<form id="f1" name="form1">
<input type="text" id="info" name="info" size="20" />
</form>
<script>
var intext = document.getElementById("info");
intext.oninput = function() {
var s = intext.value;
if (s.length >= 3) getDrug();
//alert(intext.value);
};
</script>
<!--button id="data_btn" onclick="getDrug();">найти лекарства</button-->
<p>
<div id="dldiv">
<span id="dr_list" title="список лекарств"></span>
<br><!--button id="tg_btn" onclick="sendData();">отправить телеге</button-->
</div>
</p>
</body>
</html>