<script type="text/javascript">
// Встраиваем все внутрь функции autocomplete().
function autocomplete() {
$(function() {
$('.autocomplete').autocomplete({
...
});
});
}
// Вызываем первый раз.
autocomplete();
</script>Затем в функции AddItem() добавляем вызов autocomplete() после строки:
div.insertBefore(newnode,button);
autocomplete();<script language="javascript">
var num=1;
function AddItem() {
div=document.getElementById("num");
button=document.getElementById("add_pole");
num++;
newitem="<strong>Мероприятие " + num + ": </strong>";
newitem+="<input type=\"text\" name=\"item" + num;
newitem+="\" size=\"15\" class=\"autocomplete\"><br>";
newnode=document.createElement("span");
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
</script>
<div ID="num">
<strong>Мероприятие 1: </strong><input type="text" name="item1" size="15" class="autocomplete"><br>
<input type="button" value="Добавить поле" onClick="AddItem();" ID="add_pole">
</div>
опять же работает только в случае с одним полем, которое задается вручную...
]]>а почему не работает для всех полей?
Не работает, потому что на странице может быть только один уникальный идентификатор (id).
Попробуйте через имя класса сделать. Не знаю будет это работать или нет, но пробуйте.
У каждого поля ввода с автозаполнением добавьте параметр class="autocomplete", затем исправьте строку:
$('#autocomplete').autocomplete({
На
$('.autocomplete').autocomplete({
echo '<script language="javascript">
var num=1;
function AddItem() {
div=document.getElementById("num");
button=document.getElementById("add_pole");
num++;
newitem="<strong>Мероприятие " + num + ": </strong>";
newitem+="<input type=\"text\" name=\"item" + num;
newitem+="\" size=\"15\" id=\"autocomplete\"><br>";
newnode=document.createElement("span");
newnode.innerHTML=newitem;
div.insertBefore(newnode,button);
}
</script>';
echo '<div ID="num">
<strong>Мероприятие 1: </strong><input type="text" name="item1" size="15" id="autocomplete"><br>
<input type="button" value="Добавить поле" onClick="AddItem();" ID="add_pole">
</div>';
id=\"autocomplete\"-это сслыка на другой скрипт...в этом случае работет только здесь: <strong>Мероприятие 1: </strong><input type="text" name="item1" size="15" id="autocomplete"><br>....а почему не работает для всех полей?
]]>чтобы изменить размер шрифта нужно менять в файле *.js
Размер шрифта наследуется от <body>, поэтому пропишите размер в стиле или внутри тега.
<body style="font-size: 12px;">$a = array();
while ($row_del = mysql_fetch_array($res_dela)){
$a[] = '{label: "' . addslashes($row_del['Nazv']) . '",'
. 'value: "' . addslashes($row_del['Nazv']) . '"}';
}
if (count($a) > 0) echo implode(',', $a);<script type="text/javascript">
$(function() {
$('#autocomplete').autocomplete({
source: [
<?php
include('db_login.php');
$connection=mysql_connect($db_host,$db_username,$db_password);
mysql_query('SET NAMES utf8');
if (!$connection)
{
die('Ошибка подключения к серверу баз данных');
}
$db_select=mysql_select_db($db_database);
if (!$db_select)
{
die('База данных не найдена или отсутствует доступ');
}
$dela='select Nazv from dela';
$res_dela=mysql_query($dela);
while ($row_del=mysql_fetch_array($res_dela)){
$dela_mas=$row_del['Nazv'];
echo 'label: "$dela_mas"',
echo 'value: "$dela_mas"'}
?>
],
html:true
});
});
</script>
так вообще можно делать?..немного не понимаю как быть с label и value..они должны задаваться в цикле?и в отдельном теге?
как этот массив строится и в каком месте задается?
PHP код можно встроить в любом месте, поэтому выбирайте данные из БД и стройте массив.
]]>в данном случае поиск происходит только по значениям вот этим
Совершенно верно. Вы можете либо сформировать массив этих значений выбрав их из БД при генерации страницы, либо воспользоваться Ajax подгрузкой, что будет несколько сложнее в реализации.
<script>
$(function() {
$( "#autocomplete" ).autocomplete({
source: [
{
label: "aardvark 1",
value: "aardvark 1"
},
{
label: "<b>apple 2</b>",
value: "apple 2"
},
{
label: "<i>atom 3</i>",
value: "atom 3"
}
],
html: true
});
});
</script>
а как сделать, чтобы при генерации страницы формировался массив значений, по которому будет происходить поиск?скрипт же пишется в тегах <head>..разве там можно как-то задать подключение к базе данных или это нужно сделать в отдельном файле?...мне нужно сформировать массив мероприятий допустим:$sql='select nazv from dela'. а как этот массив строится и в каком месте задается?
подскажите пожалуйста неумному человеку..
я немного не понял, что эта строчка делает?
Ссылку на примеры я уже давал, http://jqueryui.com/demos/autocomplete/
А что это у вас такое - я не могу знать.
$("#autocomplete1").autocomplete is not a function
[Прерывать на этой ошибке] html: true
а вот сам скрипт:
<script type="text/javascript">
$(function() {
$('#autocomplete1').autocomplete({
source: [
{
label: "aardvark 1",
value: "aardvark 1"
},
{
label: "<b>apple 2</b>",
value: "apple 2"
},
{
label: "<i>atom 3</i>",
value: "atom 3"
}
],
html: true
});
});
</script>
нужно вообще убрать эту строчку?..и я немного не понял, что эта строчка делает?
]]>это может быть из-за чего?
Это может быть из-за неправильного подключения файлов скрипта в заголовке.
Если браузер выводит ошибки, то Firebug тем более будет это делать. Нажмите на жука и перейдите во вкладку Console.
]]>