Właśnie wszystko mam w UTF 8 sprawdziłem kilka razy pliki i bazę danych.
Proste rozwiązanie ale pomogło nie wiem dlaczego jak dodawałem dane do bazy poprzez mysql admin zawsze coś było nie tak.
Teraz utworzyłem formularz i dodałem dane do bazy z formularza i wynik jest taki jak oczekiwałem
<?
$miasto = $_POST['miasto'];
foreach( $lines as $index => $line )
{
$rekord=$lines[$index] = $line;
for ($i = 0; $i <= $rekord; $i++)
{
$query = mysql_query("INSERT INTO miasta SET country='$rekord'"); }
}
?>
<form method="post" action="">
<textarea style="wdth:90%" name="miasto"></textarea>
<input type="submit" name="Wyślij" value="">
</form>
I mam problem niestety.
Dane dodały się prawidłowo i również w podpowiedziach wyświetlają się prawidłowo.
Natomiast problem pojawia się po kliknięciu w podpowiedź nie przenosi się do pola input.
(mam ten sam skrypt na nazwy UK gdzie nie ma Polskich znaków i działa bez problemu)
Nie wiem już jak mam to zrobić ale po kliknięciu jedynie szczecin się przenosi do input.
Poniżej skrypt proszę o pomoc
<?php
$db = new mysqli('DB_HOST', 'USERNAME' ,'PASSWORD', 'DATABASE_NAME');
if(!$db) {
echo 'Could not connect to the database.'; } else {
if(isset($_POST['queryString'])) { $queryString = $db->real_escape_string($_POST['queryString']);
$query = $db->query("SELECT country FROM countries WHERE country LIKE '$queryString%' LIMIT 10");
if($query) {
while ($result = $query ->fetch_object()) {
echo '<li onClick="fill(\''.addslashes($result->country).'\');">'.$result->country.'</li>'; }
} else {
echo 'OOPS we had a problem :('; }
} else {
// do nothing
}
} else {
echo 'There should be no direct access to this script!'; }
}
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>Papermashup.com | jQuery PHP Ajax Autosuggest</title>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.js"></script>
<script>
function suggest(inputString){
if(inputString.length == 0) {
$('#suggestions').fadeOut();
} else {
$('#country').addClass('load');
$.post("autosuggest.php", {queryString: ""+inputString+""}, function(data){
if(data.length >0) {
$('#suggestions').fadeIn();
$('#suggestionsList').html(data);
$('#country').removeClass('load');
}
});
}
}
function fill(thisValue) {
$('#country').val(thisValue);
setTimeout("$('#suggestions').fadeOut();", 600);
}
</script>
<style>
#result {
height:20px;
font-size:16px;
font-family:Arial, Helvetica, sans-serif;
color:#333;
padding:5px;
margin-bottom:10px;
background-color:#FFFF99;
}
#country{
padding:3px;
border:1px #CCC solid;
font-size:17px;
}
.suggestionsBox {
position: absolute;
left: 0px;
top:40px;
margin: 26px 0px 0px 0px;
width: 200px;
padding:0px;
background-color: #000;
border-top: 3px solid #000;
color: #fff;
}
.suggestionList {
margin: 0px;
padding: 0px;
}
.suggestionList ul li {
list-style:none;
margin: 0px;
padding: 6px;
border-bottom:1px dotted #666;
cursor: pointer;
}
.suggestionList ul li:hover {
background-color: #FC3;
color:#000;
}
ul {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#FFF;
padding:0;
margin:0;
}
.load{
background-image:url(loader.gif);
background-position:right;
background-repeat:no-repeat;
}
#suggest {
position:relative;
}
</style>
</head>
<body>
<form id="form" action="#">
<div id="suggest">Start to type a country: <br />
<input type="text" size="25" value="" id="country" onkeyup="suggest(this.value);" onblur="fill();" class="" />
<div class="suggestionsBox" id="suggestions" style="display: none;"> <img src="arrow.png" style="position: relative; top: -12px; left: 30px;" alt="upArrow" />
<div class="suggestionList" id="suggestionsList"> </div>
</div>
</div>
</form>
</body>
</html>