Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #11 (permalink)  
Старый 01.07.2016, 15:47
Аспирант
Отправить личное сообщение для mbp64 Посмотреть профиль Найти все сообщения от mbp64
 
Регистрация: 20.07.2012
Сообщений: 45

нет, я хочу это переделать
Ответить с цитированием
  #12 (permalink)  
Старый 01.07.2016, 15:49
Аспирант
Отправить личное сообщение для mbp64 Посмотреть профиль Найти все сообщения от mbp64
 
Регистрация: 20.07.2012
Сообщений: 45

я быстро нарисую на php таблички для выбора, сделаю их скрытыми, мне нужно сделать выбор и передачу значения в поле
Ответить с цитированием
  #13 (permalink)  
Старый 01.07.2016, 15:49
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

mbp64,
https://jqueryui.com/dialog/ - модальные окна
https://api.jquery.com/click/ - обработчик клика
http://api.jquery.com/attr/ - прием-передача атрибутов типа id, class и любых других
Ответить с цитированием
  #14 (permalink)  
Старый 01.07.2016, 15:49
Аспирант
Отправить личное сообщение для mbp64 Посмотреть профиль Найти все сообщения от mbp64
 
Регистрация: 20.07.2012
Сообщений: 45

причем, чем проще, тем лучше
Ответить с цитированием
  #15 (permalink)  
Старый 01.07.2016, 16:02
Аспирант
Отправить личное сообщение для mbp64 Посмотреть профиль Найти все сообщения от mbp64
 
Регистрация: 20.07.2012
Сообщений: 45

Не получается обработать клик
Ответить с цитированием
  #16 (permalink)  
Старый 01.07.2016, 16:20
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

<input name="otkogo" type="text" />
<input name="komu" type="text" />

<div class="table" style="display:none">
	<div class="user">
		<span class="id">1</span>
		<span class="name">меня</span>
	</div>
	<div class="user">
		<span class="id">2</span>
		<span class="name">забанили</span>
	</div>
	<div class="user">
		<span class="id">3</span>
		<span class="name">в</span>
	</div>
	<div class="user">
		<span class="id">4</span>
		<span class="name">гугле</span>
	</div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
	$('input').focusin(function(){
		var name = $(this).attr('name');
		$('.table').attr('kuda',name).fadeIn();
	});
	$('.table').on('click','.user',function(){
		var kuda = $('.table').attr('kuda');
		var value = $(this).find('.id').html()+' - '+$(this).find('.name').html();
		$('*[name="'+kuda+'"]').val(value);
		$('.table').fadeOut();
	});
</script>
Ответить с цитированием
  #17 (permalink)  
Старый 01.07.2016, 16:23
Аспирант
Отправить личное сообщение для mbp64 Посмотреть профиль Найти все сообщения от mbp64
 
Регистрация: 20.07.2012
Сообщений: 45

Спасибо. Я попробую в этом разобраться
Ответить с цитированием
  #18 (permalink)  
Старый 01.07.2016, 16:29
Аватар для Viral
Профессор
Отправить личное сообщение для Viral Посмотреть профиль Найти все сообщения от Viral
 
Регистрация: 26.04.2011
Сообщений: 472

mbp64, все выглядит примерно так:
<script>
	$('input').focusin(function(){// - при получении полем фокуса сработают две следующие строки
		var name = $(this).attr('name');// - присваиваем переменной name атрибут name поля, которое в фокусе
		$('.table').attr('kuda',name).fadeIn();// - передаем в атрибут "kuda" дива, в котором пользователи атрибут name поля, которое в фокусе и показываем таблицу
	});
	$('.table').on('click','.user',function(){// - при клике по строке с пользователем сработают следующие четыре строки
		var kuda = $('.table').attr('kuda');// - присваиваем переменной kuda значение атрибута kuda блока с пользователями, в котором находится имя поля
		var value = $(this).find('.id').html()+' - '+$(this).find('.name').html();// - создаем текст, который нужно запихать в текстовое поле и укладываем его в переменную value
		$('*[name="'+kuda+'"]').val(value);// - кладем в текстовое поле значение из предыдущей строки
		$('.table').fadeOut();// - прячем таблицу
	});
</script>
Ответить с цитированием
  #19 (permalink)  
Старый 01.07.2016, 16:57
Аватар для рони
Профессор
Отправить личное сообщение для рони Посмотреть профиль Найти все сообщения от рони
 
Регистрация: 27.05.2010
Сообщений: 33,105


<meta charset="utf-8">
<input name="otkogo" type="text" />
<input name="komu" type="text" />

<div class="table" style="display:none">
  <div class="user">
    <span class="id">1</span>
    <span class="name">меня</span>
  </div>
  <div class="user">
    <span class="id">2</span>
    <span class="name">забанили</span>
  </div>
  <div class="user">
    <span class="id">3</span>
    <span class="name">в</span>
  </div>
  <div class="user">
    <span class="id">4</span>
    <span class="name">гугле</span>
  </div>
</div>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
<script>
   var obj = {};
  $('input').focusin(function(){
    obj.el = this;
    $('.table').fadeIn();
  });
  $('.table').on('click','.user', obj,function(e){
    var value = $(this).find('.id').html()+' - '+$(this).find('.name').html();
    $(e.data.el).val(value);
    $('.table').fadeOut();
  });
</script>
Ответить с цитированием
  #20 (permalink)  
Старый 01.07.2016, 17:02
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

mbp64,
В хроме:
1. Правой кнопки мыши по элементу на котором установлен обработчик события
2. Инспектировать элемент
3. Справа в панеле. Таб - Event Listeners, пункт - click
Ответить с цитированием
Ответ



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

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


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Как встроить видео в popup окно? MrFull23 jQuery 1 14.11.2014 10:49
Почему исчезает модальное окно? kuchuluk Общие вопросы Javascript 4 04.04.2014 22:13
модальное окно да/нет как confirm vladislav.blinov Javascript под браузер 7 04.03.2014 10:02
Как заставить модальное окно закрыться само? culttm Events/DOM/Window 1 29.08.2012 17:58
Как обновить модальное окно? (Colorbox) JEEN jQuery 1 04.02.2012 16:35