Форум программистов, компьютерный форум, киберфорум
Наши страницы
jQuery
Войти
Регистрация
Восстановить пароль
 
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
1

Разобраться с Архитектурой

10.01.2018, 01:53. Просмотров 245. Ответов 13
Метки нет (Все метки)

Добрый день Всем, кто не спит!
Я пока что только осваиваю JS, поэтому прошу помощи у профессионалов.
Помогите мне разобраться в архитектуре

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$('select').wSelect();
 
        $('#demo, #demo-multi').change(function() {
          console.log($(this).val());
        });
 
        $('#demo').val('AU').change(); // should see in console
        $('#demo').val('PL').wSelect('change'); // should see the selected option change to three
        $('#demo').append('<option value="US" data-icon="./img/US.png">United States of America</option>').wSelect('reset');
        $('#demo').val('CA').change();
        
        $('#demo-multi').val(['soccer', 'archery']).change();
 
        // Testing append from one select to another.
        $('#demo option:last').appendTo('#demo-multi');
        $('#demo, #demo-multi').wSelect('reset');
Меня интересует данная позиция
./img/US.png">United States of America
Что она отображает в скрипте?
0
Надоела реклама? Зарегистрируйтесь и она исчезнет полностью.
Similar
Эксперт
41792 / 34177 / 6122
Регистрация: 12.04.2006
Сообщений: 57,940
10.01.2018, 01:53
Ответы с готовыми решениями:

Не могу разобраться разобраться с кодом меню
Добрый день. Я понимаю, что тут все, наверное, элементарно. Но я только начала...

Разобраться в js
Объясните как работает скрипт, это библиотека jquery.isotope.min.js ...

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

не могу разобраться(
Доброго времени суток, помогите разобраться:wall: Есть скрипт, подскажите что...

Не могу разобраться
Нужна помощь в написании кода Пользователь вводит число (например, 465) и...

13
j2FunOnly
Модератор
864 / 820 / 483
Регистрация: 05.06.2015
Сообщений: 1,899
10.01.2018, 08:34 2
С какой архитектурой вы хотите разобраться?

Не понимаете что делает эта строка
Javascript
1
$('#demo').append('<option value="US" data-icon="./img/US.png">United States of America</option>').wSelect('reset');
?

Или вас интересует конкретно вот эта часть: data-icon="./img/US.png" ?
0
Smls
80 / 80 / 57
Регистрация: 19.01.2015
Сообщений: 229
10.01.2018, 08:47 3
Javascript
1
$('#demo').append('<option value="US" data-icon="./img/US.png">United States of America</option>').wSelect('reset');
Добавляет в выпадающий список с id=demo, пункт:
HTML5
1
<option value="US" data-icon="./img/US.png">United States of America</option>
data-icon="./img/US.png" ссылка на иконку с флагом США.
Когда скрипт будет преобразовывать выпадающий список в блоки ссылку на флаг он возьмёт из атрибута data-icon
HTML5
1
<div class="wSelect-option wSelect-option-last" style="display: block;"><div class="wSelect-option-value wSelect-option-icon" style="background-image: url(&quot;./img/US.png&quot;);"><font style="vertical-align: inherit;"><font style="vertical-align: inherit;">Соединенные Штаты Америки</font></font></div></div>
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
11.01.2018, 04:25  [ТС] 4
Дело в том, что у меня уже есть перечень
HTML5
1
2
3
4
5
6
7
8
9
<label class="wLabel-left"></label>
      <select nid="demo" tabidex="1">
        <option value="">Выбрать язык</option>
        <option value="AU" data-icon="./img/AU.png">Australia</option>
        <option value="CA" data-icon="./img/CA.png" disabled="disabled">Canada</option>
        <option value="PL" data-icon="./img/PL.png">Poland</option>
        <option value="TH" data-icon="./img/TH.png">Thailand</option>
        <option value="UK" data-icon="./img/UK.png">England (United Kingdom)</option>
      </select>
Для чего мне еще и Флаг США?!!
0
Smls
80 / 80 / 57
Регистрация: 19.01.2015
Сообщений: 229
11.01.2018, 05:22 5
Это код из документации к скрипту который изображения в select вставляет. А уж для чего он вам, сами решайте.
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
11.01.2018, 18:03  [ТС] 6
Что делает ВСЯ строка!))
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
16.01.2018, 22:51  [ТС] 7
Smls: В моем выпадающем списке США не значатся!
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
30.01.2018, 14:56  [ТС] 8
Господа! Неужели Никто не может мне помочь с моим вопросом?
Для чего в скрипте значится /img/US.png, если в раскрывающемся списке он НЕ УЧАСТВУЕТ?))
0
Smls
80 / 80 / 57
Регистрация: 19.01.2015
Сообщений: 229
30.01.2018, 15:19 9
Выше писалось-же. Изначально (в исходном коде) в списке этого пункта нет, его туда скрипт позже добавляет.
Тут пример: http://wselect.websanova.com/
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
01.02.2018, 21:49  [ТС] 10
Smls, а можно ли осуществить настройку так, чтобы ВСЕ пункты располагались в самом списке, а скрипт был бы чистым!
Мне это требуется для переводчика в WordPress. Кроме того, можно ли будет подключить к каждому из флагов -отображение текста на соответствующем языке?
Если не трудно, ответьте, ПОЖАЛУЙСТА!))
0
Smls
80 / 80 / 57
Регистрация: 19.01.2015
Сообщений: 229
01.02.2018, 22:22 11
Где вы какую настройку осуществляете?
Что-бы все пункты были в списке, вставьте их все в select, а в скрипт не пишите то что вам не нужно.
Кроме того, можно ли будет подключить к каждому из флагов -отображение текста на соответствующем языке?
Можно наверное, только никто не скажет вам как это сделать не видя ваш переводчик.
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
04.02.2018, 04:57  [ТС] 12
Просто убрать строку номер 9?))

Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
$('select').wSelect();
 
        $('#demo, #demo-multi').change(function() {
          console.log($(this).val());
        });
 
        $('#demo').val('AU').change(); // should see in console
        $('#demo').val('PL').wSelect('change'); // should see the selected option change to three
        $('#demo').append('<option value="US" data-icon="./img/US.png">United States of America</option>').wSelect('reset');
        $('#demo').val('CA').change();
        
        $('#demo-multi').val(['soccer', 'archery']).change();
 
        // Testing append from one select to another.
        $('#demo option:last').appendTo('#demo-multi');
        $('#demo, #demo-multi').wSelect('reset');
0
Smls
80 / 80 / 57
Регистрация: 19.01.2015
Сообщений: 229
04.02.2018, 08:13 13
Все строки можно убрать кроме первой.
Вот это вам только нужно оставить:
Javascript
1
$('select').wSelect();
Этот скрипт просто меняет внешний вид выпадающего списка. А работать с ним (со списком) нужно так-же как и с обычным.
0
Andrey69
1 / 1 / 0
Регистрация: 06.08.2017
Сообщений: 48
09.02.2018, 23:21  [ТС] 14
Огромное Вам спасибо за ответ!))
Если Вам не трудно, сможете ответить еще на один вопрос, относительно предустановки языка:

Заключается он в следующем: реально ли объединить
HTML5
1
 <span xml:lang="hi" lang="hi">Хинди</span>
с имеющимся у меня списком
HTML5
1
2
3
4
5
6
7
8
<select id="demo" tabindex="1">
        <option value="" data-icon="./img/cv_flagi.png">Выбор Языка</option>
        <option value="AU" data-icon="./img/AU.png">Australia</option>
        <option value="CA" data-icon="./img/CA.png">Canada</option>
        <option value="PL" data-icon="./img/PL.png">Poland</option>
        <option value="TH" data-icon="./img/TH.png">Thailand</option>
        <option value="UK" data-icon="./img/UK.png">England (United Kingdom)</option>
      </select>
0
09.02.2018, 23:21
MoreAnswers
Эксперт
37091 / 29110 / 5898
Регистрация: 17.06.2006
Сообщений: 43,301
09.02.2018, 23:21

Разобраться с декрементом
Помогите разобраться с этим выражением. (NetBeans) int a=1; int b=0; ...

Разобраться с синтаксисом
Помогите разобраться с синтаксисом... (function(J, ga) { J.dow = ga(J);...

Не могу разобраться,
Просьба помочь хотя бы подсказкой в каком направлении копать... Суть задачи:...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
14
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin® Version 3.8.9
Copyright ©2000 - 2018, vBulletin Solutions, Inc.
Рейтинг@Mail.ru