Mam problem - chciałbym zrobić własny, prosty autocompleter, jednak ugrzązłem
mam problemy z:
1. polskimi znakami
2. wybieraniem
3. ukrycie "histori" wpisywania fraz w przeglądarkach
Poniższy kod działa w taki sposób, że po wpisaniu litery wyświetla mi to co chcę, jednak co muszę wpisać by było
(2)podświetlenie tego i możliwy wybór,
(1)by wszystko działało wpisując polskie znaki, (3)by nie pokazywało mi się pole z historią wpisywanych słów z przeglądarkiBędę baaardzo wdzięczny za pomoc
Chciałbym zaznaczyć, że przeszukiwałem to forum i nie tylko, jednak mam spore problemy
Proszę o nie używanie funkcji iconv bo nie działa to u mnie na serv
plik lista1.php (pobierane są z tąd dane):
<?php
include("dane.php");
$fraza0=$_POST['miejsce'];
$zap1 = mysql_query("SELECT * FROM miejsca WHERE nazwa LIKE '%$fraza0%'") or
die("Błšd w zapytaniu!a");
print( "<li>".$zap0["nazwa"]."</li>");
}
?>
plik wys.php (główny kod):<?php
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-2" />
<script type="text/javascript" language="javascript">
var http_request = false;
function makePOSTRequest(url, parameters) {
http_request = false;
if (window.XMLHttpRequest) {
http_request = new XMLHttpRequest();
if (http_request.overrideMimeType) {
http_request.overrideMimeType('text/html');
}
} else if (window.ActiveXObject) {
try {
http_request = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
http_request = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {}
}
}
http_request.onreadystatechange = function(){
if (http_request.readyState == 1) {
document.getElementById('lista').innerHTML = "Ladowanie...";
}
if (http_request.readyState == 4) {
if (http_request.status == 200) {
result = http_request.responseText;
document.getElementById('lista').innerHTML = result;
} else {
document.getElementById('lista').innerHTML = "Wystąpil bląd!";
}
}
};
http_request.open('POST', url, true);
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
http_request.send(parameters);
}
function get() {
var dane = "miejsce=" + encodeURIComponent( document.getElementById("miejscePoczatkowe").value );
makePOSTRequest('lista1.php', dane);
}
</script>
<style type="text/css">
<!--
div.autocomplete {
position:absolute;
background-color:white;
border:1px solid #888;
margin:0px;
padding:0px;
}
div.autocomplete ul {
list-style-type:none;
margin:0px;
padding:0px;
}
div.autocomplete ul li.selected { background-color: #D9F8FF;}
div.autocomplete ul li {
list-style-type:none;
display:block;
margin:0;
padding:2px;
cursor:pointer;
}
-->
</style>
<br>
<br>
<form>
<input type="text" name="miejscePoczatkowe" id="miejscePoczatkowe" onkeyup="get();"/>
</form>
<div id="lista" class="autocomplete"></div>
?>