Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 15.09.2016, 21:52
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sergofedor06,
более ничем помочь не могу
Ответить с цитированием
  #12 (permalink)  
Старый 15.09.2016, 21:59
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

ок, спасибо и на этом
Ответить с цитированием
  #13 (permalink)  
Старый 15.09.2016, 23:13
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

вот нашел тоже вариант похожий на то что дал РОНИ

но к сожалению в нем тоже не работает выпадающий поиск от гугла, работает только в верхнем поле, теперь понятно необходимо чтобы все 5 полей физически были в коде страницы, любая генерация яваскриптом генерирует новые поля но поиск тогда не работает, а вообще кому нужно просто ради полей то подойдет!


<script type="text/javascript">
var vcountOfFields = 1; // Текущее число полей
var vcurFieldNameId = 1; // Уникальное значение для атрибута name
var vmaxFieldLimit = 5; // Максимальное число возможных полей
function vdeleteField(a) {
 // Получаем доступ к ДИВу, содержащему поле
 var contDiv = a.parentNode;
 // Удаляем этот ДИВ из DOM-дерева
 contDiv.parentNode.removeChild(contDiv);
 // Уменьшаем значение текущего числа полей
 vcountOfFields--;
 // Возвращаем false, чтобы не было перехода по сслыке
 return false;
}
function addField() {
 // Проверяем, не достигло ли число полей максимума
 if (vcountOfFields >= vmaxFieldLimit) {
 alert("Число полей достигло своего максимума = " + vmaxFieldLimit);
 return false;
 }
 // Увеличиваем текущее значение числа полей
 vcountOfFields++;
 // Создаем элемент ДИВ
 var div = document.createElement("div");
 // Добавляем HTML-контент с пом. свойства innerHTML
 div.innerHTML = "<input name=\"ways[]\" type=\"text\" placeholder=\"Через\" class=\"waypoint-city city-from\"> <a onclick=\"return vdeleteField(this)\" href=\"#\">[X]</a>";
 // Добавляем новый узел в конец списка полей
 document.getElementById("vparentId").appendChild(div);
 // Возвращаем false, чтобы не было перехода по сслыке
 return false;
}
</script>


<div id="vparentId">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<a onclick="return addField()" href="#">Добавить поле</a>
</div>




может кто мне поможет сделать тот же самый функционал но нужно чтобы все 5 полей были на странице физически, а нажимая на ссылку
Добавить поле
просто отображало это скрытое поле и крестик напротив него если нужно удалить поле.
Ответить с цитированием
  #14 (permalink)  
Старый 15.09.2016, 23:34
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

Сообщение от sergofedor06
но к сожалению в нем тоже не работает выпадающий поиск от гугла
вы не могли обьяснить, что это такое?
Ответить с цитированием
  #15 (permalink)  
Старый 16.09.2016, 00:01
Профессор
Отправить личное сообщение для laimas Посмотреть профиль Найти все сообщения от laimas
 
Регистрация: 14.01.2015
Сообщений: 12,990

Сообщение от sergofedor06
// Создаем элемент ДИВ
var div = document.createElement("div");
// Добавляем HTML-контент с пом. свойства innerHTML
div.innerHTML = "<input name=\"ways[]\" type=\"text\" placeholder=\"Через\" class=\"waypoint-city city-from\"> <a onclick=\"return vdeleteField(this)\" href=\"#\">[X]</a>";
// Добавляем новый узел в конец списка полей
<form id="as">
<div class="half-block">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from" onkeyup="alert(1)">
<span class="waypoint-add"><img src="plus.png" alt=""></span>
</div>
</form>

<button onclick="AddItem()">Добавить</button>

<script> 
function AddItem() {
    var f = document.querySelector("#as"), a = f.querySelector("div:first-child").cloneNode(true);
    a.querySelector("input").value = ""; //etc
    f.appendChild(a)
}
</script>
Ответить с цитированием
  #16 (permalink)  
Старый 16.09.2016, 00:28
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

РОНИ

попробую объяснить, если на странице разместить
все 5 полей инпут

<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">



то при вводе в любое из 5 полей слова у меня происходит выпадающий поиск! по любому из 5 полей, это при условии что все поля как я показал выше физически присутствуют в коде страницы, то поиск тогда работает во всех полях!

а вот если идет генерация нового поля при помощи JS
то в этом случае физически в коде присутствует только одно поле
хоть визуально на странице я открыл новых 5 полей, и получается что поиск от гугл работает только в одном из 5 полей.


Так что мне нужен какой-то вариант

когда в коде уже будет лежать эти 5 зкрытых полей, а скрипт будет просто открывать добавлять новое поле т.е. открывать скрытое поле, вот в таком случае все будет гуд
Ответить с цитированием
  #17 (permalink)  
Старый 16.09.2016, 00:32
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

нужно что-бы одно поле отображалось в браузере, а остальные 4 поля были в css хиден не отображались на странице, при нажатии на
Добавить поле
открывалось это скрытое поле и напротив него был (х) если нужно человек мог его закрыть.
Вроде все.
Спасибо.
Ответить с цитированием
  #18 (permalink)  
Старый 17.09.2016, 00:07
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

Господа!
подскажите как мне сделать чтобы когда
я нажимаю на ссылку Добавить еще поля
поля показались все это работает норм, нужно сделать чтобы сама ссылка Добавить еще поля
исчезла после того как по ней кликнул и открылись дополнительные поля!


<style type="text/css">
.spoiler_body { display:none; font-style:italic; }
.spoiler_links { cursor:pointer; font-weight:bold; text-decoration:underline; }
</style>


<script type="text/javascript">
$(document).ready(function(){
$('.spoiler_links').click(function(){
$(this).next('.spoiler_body').toggle('normal');
return false;
});
});
</script>


<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<div class="spoiler_links">Добавить еще поля</div>
<div class="spoiler_body">
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<br>
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<br>
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
<br>
<input name="ways[]" type="text" placeholder="Через" class="waypoint-city city-from">
</div>
Ответить с цитированием
  #19 (permalink)  
Старый 17.09.2016, 00:09
Кандидат Javascript-наук
Отправить личное сообщение для sergofedor06 Посмотреть профиль Найти все сообщения от sergofedor06
 
Регистрация: 10.11.2015
Сообщений: 131

нужно чтобы после клика по ссылке отобразилось 5 инпут полей, а самой ссылки не видно стало.
Ответить с цитированием
  #20 (permalink)  
Старый 17.09.2016, 00:13
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,064

sergofedor06,
$(this).hide().next
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Нужно при вводе в текстовое поле тут же отобразить данный в другом месте klubnichkaaa AJAX и COMET 3 20.10.2011 20:46
Обновить одно поле в 10 таблицах в MYSQL Golovastik Ваши сайты и скрипты 4 17.03.2011 12:40
Добавить варианты в поле <inpute type=text> softrix AJAX и COMET 2 06.07.2010 12:07
Нужно добавить блокировку ссылки на время выполнения скрипта aidka Events/DOM/Window 1 02.08.2009 20:11
Добавить поле типа файл на панель (extjs) nechin ExtJS 0 10.06.2009 11:22