.ranging {
display: none;
}
.ranging.opened {
display: block;
}
const buttonSelector = '.selector';
const contentSelector = '.ranging';
const activeClass = 'opened';
const toggleContent = (contents, index) =>
contents.forEach((n, i) => n.classList.toggle(activeClass, i === index));
// делегирование, назначаем обработчик клика один раз для всех кнопок
// наверное, у них есть какой-то общий предок, тогда вместо документа
// вешать обработчик следует на него:
// document.querySelector('селектор_контейнера_с_кнопками').addEventListener(...
document.addEventListener('click', e => {
const button = e.target.closest(buttonSelector);
if (button) {
const buttons = document.querySelectorAll(buttonSelector);
const index = Array.prototype.indexOf.call(buttons, button);
toggleContent(document.querySelectorAll(contentSelector), index);
}
});
// или, назначаем обработчик клика индивидуально каждой кнопке
const onClick = function(e) {
toggleContent(this, +e.currentTarget.dataset.index);
}.bind(document.querySelectorAll(contentSelector));
document.querySelectorAll(buttonSelector).forEach((n, i) => {
n.dataset.index = i;
n.addEventListener('click', onClick);
});
filters: [
{ name: 'calculator.brand_filter', getter: obj => obj.brand.name, value: '' },
{ name: 'calculator.company_filter', getter: obj => obj.company.name, value: '' },
{ name: 'calculator.country_filter', getter: obj => obj.brand.country, value: '' },
{ name: 'calculator.side_filter', getter: obj => obj.sides, value: '' },
],
computed: {
filteredProfiles() {
return this.filters.reduce((profiles, { value, getter }) => {
return value
? profiles.filter(n => getter(n) === value)
: profiles;
}, this.profiles);
},
Vue.component('filter-select', {
props: [ 'name', 'options', 'value' ],
template: `
<div>
<p>{{ name }}<p>
<select :value="value" @change="$emit('input', $event.target.value)">
<option value="">-</option>
<option v-for="n in options">{{ n }}</option>
</select>
</div>`
});
computed: {
filterOptions() {
return this.filters.map(n => [...new Set(this.profiles.map(n.getter))]);
},
<filter-select
v-for="(n, i) in filters"
v-model="n.value"
:options="filterOptions[i]"
:name="trans(n.name)"
></filter-select>
methods: {
resetFilters() {
this.filters.forEach(n => n.value = '');
},
<button @click="resetFilters">{{ trans('calculator.reset_filter') }}</button>
id
это уникальный идентификатор. Делать несколько элементов с одним id
это в корне неправильно + через JQuery по id вы получите в ответ только один элемент. Используйте классы:<div class="aboutfilm">
.....
</div>
<script>
$('.aboutfilm').each(function() {
$(this).on('click', () => {
$(this).parent().find('.test').addClass('card-text-change');
$(this).parent().find('.card-text').css('opacity', '1');
$(this).css('display','none');
});
});
</script>
Может ли злоумышленник, получив данные о списках таблиц так же получить и содержимое этих таблиц?
iframe.contentWindow.body.innerHTML
Хочу создать маленький мирок с обитателями, по задумке в нем будет несколько сотен жителей в нескольких поселениях, которые смогут друг с другом общаться, заниматься какой-то деятельностью
Как лучше сделать "сознание" бота, чтобы он был самообучающимсяЧему он должен будет обучаться? Создать простейший механизм обучения можно по принципу спичечных коробков Дональда Митчи
но и в то-же время организованным?что значит быть "организованным"?
Какую информацию о окружающей среде бот должен восприниматьА он должен? Для чего это нужно?
Как организовать семантику языка жителейА они должны общаться? Для чего им это нужно?
Ведь он должен быть значительно упрощен, чтобы вычислительные мощности позволили его воспроизвести, к тому же направлен на деятельность.Не решив базовых вопросов вы углубляетесь в конкретику, на данном этапе не релевантную.
Я хочу чтобы жители обсуждали свои проблемы, решали ихЭто предложение должно было стоять выше, поскольку описывает условие. Почему у жителей должны быть проблемы? Какие проблемы? Что значит решить проблему?
Общались, торговали, занимались политикой и может... философиейКакова будет цель этих действий, и что значит заниматься политикой, философией? Что вы понимаете под политикой?