VPF::Помогите с решением задачи JQuery

MistrBin

Дата 14.7.2010, 15:59 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 14.7.2010

Репутация: нет
Всего: нет

Доброго времени суток.
Я не опытный веб-програмист и прошу вашей помощи.
Попробую вкратце расписать задачу.

Есть html файлик внутри php:

Код


<form action="addlc.php">
<Table>
<tr>
    <td>
    <select name="hos"> 
    
<?php

include 'basesql.php';

$userstable = "team";

$query1 = "SELECT * FROM $userstable ORDER BY name";

$result1 = MYSQL_QUERY($query1);
             while ($name = mysql_fetch_row($result1)){
             echo "<option value=\"$name[0]\"><i>$name[1]</i>[$name[2]]</option>";
              
         }

?>
</select>

    <td> 
    <select name="gos">
<?php

include 'basesql.php';

$userstable = "team";

$query1 = "SELECT * FROM $userstable ORDER BY name";

$result1 = MYSQL_QUERY($query1);
             while ($name = mysql_fetch_row($result1)){
             echo "<option value=\"$name[0]\">$name[1]</i>[$name[2]]</option>";
             #name[0]
         }

?>
</select>
    <td> 
    <input type=text name="s1" size="2">
    <td> 
    <input type=text name="s2" size="2">
    <td> 
...
тут ещё пару инпутов.
...
</table>
<input type=submit value="GO!">
</form>

Так как в БД стало хранится очень много значений и при select выводит очень много значений, хочу сделать чтобы при вводе букв в поле, был запрс к БД, подбирались бы такие значение и виводился список значений которые есть, погугулив, почитав что мне поможет библиотека JQuery я наткнулся на яваскрипт:

Код


<title>Пример автозаполнения формы</title>
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript">

function hide() {
    setTimeout("$('#suggestions').hide()", 200);
} // hide

function lookup(inputString) {
    if(inputString.length == 0) {
        // если длина нулевая то скрываем блок выбор
        hide();
    } else {
        $.post("searchteam.php", {q: ""+inputString+""}, function(data){
            if(data.length > 0) {
                $('#suggestions').show();
                $('#autoSuggestionsList').html(data);
            }
        });
    }
} // lookup

function fill(thisValue) {
    $('#inputString').val(thisValue);
    hide();
} // fill

</script>
</head>
<body>

<div>
    <div>

<input size="30" name="hoz" id="inputString" onkeyup="lookup(this.value);" type="text" autocomplete="off" onblur="hide();" />

    </div>      
    <div class="suggestionsBox" id="suggestions" style="display: none;">
      
        <div class="suggestionList" id="autoSuggestionsList">
        </div>
        
    </div>
</div>

и сам пхп срипт к нему

Код


<?php

$db = new mysqli('localhost', 'root', '', 'norway');

if (!$db) {
    echo 'ERROR: Could not connect to the database.';
    die();
}

$db->set_charset("utf8");
// В запросе есть ли переменная q
if (isset($_POST['q'])) {
    // не забываем о безопасности
    $q = $db->real_escape_string($_POST['q']);
    // больше ли нуля?
    if (strlen($q) > 0) {
        // Для примера используется запрос вида LIKE '$q%'

        if ($query = $db->query( "SELECT id, name, manager FROM team WHERE name LIKE '$q%' LIMIT 10")) {
            
            while ($result = $query->fetch_object()) {
                // для форамтирования результата используется список <li>          
                echo ("<li onclick=\"fill('$result->id');\">$result->name[$result->manager]</li>");
            }
            $query->close();
            
        } else {
            echo 'ERROR: ' . $db->error;
        }
    }
}

$db->close();

Недельку назад я его впихнул себе в таблицу в места селекта, и он работал, но когда впихивал на второй селект не работал, сейчас завново начал искать, ну вот и решил может тут помогут
Можете помочь:
1) Подойдет ли такой явасрипт для того чтобы, вытягивать з БД данные и передавать в поле, нужна заполнять 2 поля данных
2) Каким образом осуществить такую функциональность, чтобы ява скрипт распростронялся на 2 поля, поля одинаковых значений не могут иметь.
3) Эти данные полях передаются в срипт addlc.php . Как сделать так, чтобы после того как яваскрипт предложит похожие варианты с БД, мы вибераем значение(имя) в пое отображалось значение имя, а передавалось занчения id.
Можнт быть не правильно выразился, не знак как сказать :)
Вот как я делал на ПХП

Код


 echo "<option value=\"$name[0]\"><i>$name[1]</i>[$name[2]]</option>";

где
$name[0] - id
$name[1] - имя
$name[2] - имя2
я выбераю имя и имя 2, а перадет скрипту id.

12345c

Дата 19.7.2010, 00:53 (ссылка)

(нет голосов)

Загрузка ...

Круглый

Профиль
Группа: Vingrad developer
Сообщений: 2018
Регистрация: 26.12.2005
Где: наша не пропадала ?

Репутация: 3
Всего: 101

Советую разбить постановку на 5-6 подзадач, это всё, что вывалено - нечитаемо.
Если нужно помочь за деньги, опубликуйте в разделе "Работа".

--------------------

Google Code Playground - онлайн-отладка своих примеров HTML+JS без регистрации, с сохранением по URL, без кириллицы. Go

EmilRegis

Дата 19.7.2010, 05:31 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: нет
Всего: 4

если я правильно понял, то ТС нужно jquery.autocomplete

MistrBin

Дата 19.7.2010, 16:38 (ссылка)

(нет голосов)

Загрузка ...

Новичок

Профиль
Группа: Участник
Сообщений: 2
Регистрация: 14.7.2010

Репутация: нет
Всего: нет

EmilRegis
ну я так понял что с помощью jquery.autocomplete это делают, поэтому да с ним smile

EmilRegis

Дата 20.7.2010, 17:28 (ссылка)

(нет голосов)

Загрузка ...

Опытный

Профиль
Группа: Участник
Сообщений: 306
Регистрация: 21.9.2007

Репутация: нет
Всего: 4

вот здесь всё про него подробно и понятно расписано
http://www.linkexchanger.su/2008/39.html

Добавлено через 2 минуты и 46 секунд
а может и не autocomplete тебе нужен...честно говоря из 1го поста мало что понятно)))

1 Пользователей читают эту тему (1 Гостей и 0 Скрытых Пользователей)
0 Пользователей:
« Предыдущая тема \| JavaScript: Применение библиотек \| Следующая тема »