Активация элемента одновременно с введением данных

@L13K · Регистрация: 03.12.2011

Студворк — интернет-сервис помощи студентам

Ситуация:

из следующего хтмл я получаю значения в js посредством клика по элементам списка.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
<div id="typeK">
<ul class="list2">
    <div id="1.2" class="target1">
        <li onClick="delta4();" style="button1" class="subinfo0"> </li> 
   
    </div>   
    <div id="1.35" class="target2">
        <li onClick="delta4();" style="button1" class="subinfo0">  </li>  
   
    </div>  
    <div id="1.4625" class="target3">
        <li onClick="delta4();" style="button1" class="subinfo0"> </li>     
 
    </div>  
</ul>
</div>

Далее у меня идет кнопка вывода результата уравнения внутрь див тега.

HTML5
1
2
<button  onClick="raschitat1();delta5();" class="rassbut" >Рассчитать </button>
<div id="N2" class="N2"></div>

Это жс который присваивает значения из элементов списка переменной для уравнения.

JavaScript
1
2
3
4
5
var K;
$('#typeK').on('click', 'li', function (event) {
    K = $(this).parent().attr('id');
    console.log(K);
})

ну и собственно сама функция уравнения с командой вывода.

JavaScript
1
2
3
4
function raschitat1() {
N2 = K * 2;
document.getElementById('N2').innerHTML = " "+ N2 +" это вот столько";
}

проблема: я хочу чтобы по нажатию на элемент списка - одновременно сработала функция raschitat1 и вывела результат в div N2

однако он возвращает NaN, вероятно потому, что 2 процесса не могут происходить одновременно. возможно ли как то решить эту проблему? запустить их по одному клику как то последовательно например..

@j2FunOnly · 20.10.2017, 08:30

Для начала поправьте разметку. Уберите инлайн яваскрипт.

HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
<div id="type-k">
  <ul class="list2">
    <li class="subinfo0">
      <div data-id="1.2" class="target1"></div>
    </li>
    <li class="subinfo0">
      <div data-id="1.35" class="target2"></div>
    </li>
    <li class="subinfo0">
      <div data-id="1.4625" class="target3"></div>
    </li>
  </ul>
</div>
<div id="n2" class="n2"></div>

JavaScript
1
2
3
4
5
6
7
8
9
10
function raschitat1 (v) {
  return parseFloat(v) * 2;
}
 
var $n2 = $('#n2');
 
$('#type-k').on('click', 'li', function() {
  var data = $(this).find('[data-id]').data('id');
  $n2.text(' ' + raschitat1(data) + ' это вот столько');
});

@klopp · 20.10.2017, 08:45

Сообщение от L13K

onClick="raschitat1();delta5();"

это ошибка синтаксическая,только одну функцию надо записать,а вот уже внутри нее можете прописать вызовы других функций
и зачем вы точки с запятой туда пишете?
Как вариант-щелчок кнопкой мыши имеет в себе три события: mousedown → mouseup → click. т.е можно привязать выполнение трех разных функций

@j2FunOnly · 20.10.2017, 08:54

Сообщение от klopp

это ошибка синтаксическая,только одну функцию надо записать

туда можно написать что угодно. и это что угодно будет интерпретироваться как JS код.
Например

HTML5
1
2
3
<button onclick="function f() { alert('hi')}; var b = 2 + 3; f(); alert(b);">
  Click me
</button>

Только не надо так делать.

@klopp · 20.10.2017, 09:06

L13K, я был не прав

@L13K · 20.10.2017, 17:12 **[ТС]**

Сообщение от klopp

Как вариант-щелчок кнопкой мыши имеет в себе три события: mousedown → mouseup → click

давайте по порядку.
чтобы мне забрать данные из листа

по логике должно быть так:

JavaScript
1
2
3
4
5
var K;
$('#typeK').mousedown( 'li', function (event) {
    K = $(this).parent().attr('id');
    console.log(K);
})

что к сожалению не срабатывает. возвращает NaN или пустое место, если var K будет внутри.

сам рассчет на mouseup поставил и тут все срабатывает нормально:

JavaScript
1
2
3
4
$('#typeK').mouseup( 'li', function (event) {
N2 = K * 2;
document.getElementById('N2').innerHTML = " "+ N2 +" это вот столько";
})

в чем ошибка может быть?

Сообщение от j2FunOnly

Для начала поправьте разметку. Уберите инлайн яваскрипт.

спасибо, но там сложное уравнение с кучей переменных, боюсь не вытяну его вашим способом, пока что..

@L13K · 25.10.2017, 05:26 **[ТС]**

ап тему.. все еще актуально

@L13K · 03.11.2017, 06:26 **[ТС]**

все еще актуально

@L13K · 06.11.2017, 03:09 **[ТС]**

все. отбой. оба события на 1 онклик поставил, каким то чудесным образом все заработало. спасибо всем кто уделил время

Новые блоги и статьи Все статьи Все блоги /
Вывод данных через динамический список в справочнике Maks 01.04.2026 Реализация из решения ниже выполнена на примере нетипового справочника "Спецтехника" разработанного в конфигурации КА2. Задача: вывести данные из ТЧ нетипового документа. . .	Функция заполнения текстового поля в реквизите формы документа Maks 01.04.2026 Алгоритм из решения ниже реализован на нетиповом документе "ВыдачаОборудованияНаСпецтехнику" разработанного в конфигурации КА2, в дополнении к предыдущему решению. На форме документа создается. . .	К слову об оптимизации kumehtar 01.04.2026 Вспоминаю начало 2000-х, университет, когда я писал на Delphi. Тогда среди программистов на форумах активно обсуждали аккуратную работу с памятью: нужно было следить за переменными, вовремя. . .	Идея фильтра интернета (сервер = слой+фильтр). Hrethgir 31.03.2026 Суть идеи заключается в том, чтобы запустить свой сервер, о чём я если честно мечтал давно и давно приобрёл книгу как это сделать. Но не было причин его запускать. Очумелые учёные напечатали на. . .
Модель здравосоХранения 6. ESG-повестка и устойчивое развитие; углублённый анализ кадрового бренда anaschu 31.03.2026 В прикрепленном документе раздумья о том, как можно поменять модель в будущем	10 пpимет, которые всегда сбываются Maks 31.03.2026 1. Чтобы, наконец, пришла маршрутка, надо закурить. Если сигарета последняя, маршрутка придет еще до второй затяжки даже вопреки расписанию. 2. Нaдоели зима и снег? Не надо переезжать. Достаточно. . .	Перемещение выделенных строк ТЧ из одного документа в другой Maks 31.03.2026 Реализация из решения ниже выполнена на примере нетипового документа "ВыдачаОборудованияНаСпецтехнику" с единственной табличной частью "ОборудованиеИКомплектующие" разработанного в конфигурации КА2. . . .	Functional First Web Framework Suave DevAlt 30.03.2026 Sauve. IO Апнулись до NET10. Из зависимостей один пакет, работает одинаково хорошо как в режиме проекта так и в интерактивном режиме. из сложностей - чисто функциональный подход. Решил. . .

@klopp 566 / 465 / 183 Регистрация: 14.10.2017 Сообщений: 1,259
	20.10.2017, 09:06
	L13K, я был не прав 0

@L13K 0 / 0 / 1 Регистрация: 03.12.2011 Сообщений: 136
	25.10.2017, 05:26 [ТС]
	ап тему.. все еще актуально 0

@L13K 0 / 0 / 1 Регистрация: 03.12.2011 Сообщений: 136
	03.11.2017, 06:26 [ТС]
	все еще актуально 0

@L13K 0 / 0 / 1 Регистрация: 03.12.2011 Сообщений: 136
	06.11.2017, 03:09 [ТС]
	все. отбой. оба события на 1 онклик поставил, каким то чудесным образом все заработало. спасибо всем кто уделил время 0