Переключение между скриптами

@Bookkc1 · Регистрация: 01.11.2012

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

HTML5

<select id='gamemode' class='form-control' onchange='setGameMode($(this).val())' required>
                    <option selected value=''>FFA</option>
                    <option value='teams'>TEST</option>
                </select>

Как с помощью этого кода сделать переключение между скриптами.

Например, выбрал FFA и подключен этот файл

HTML5

1	<script src="FFA.js"></script>

Выбрал TEST то подключен этот файл

HTML5

1	<script src="TEST.js"></script>

Одновременно подключены оба не могут. Спасибо большое

@Vadim_Lasso · 22.10.2015, 15:30

Например так:

HTML5

<!DOCTYPE html>
<html lang="ru">
    <head>
        <meta charset="utf-8">
        <title>vadim_lasso</title>
    </head>
    <body>
        <select id='gamemode' class='form-control' required>
            <option selected value=''>FFA</option>
            <option value='teams'>TEST</option>
        </select>
 
        <script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
        <script type="text/javascript">
            var loadedScript = [];
            var $select = $('#gamemode');
            loadScriptSelect($select);
            $(function() {
                $select.on('change', function() {
                    loadScriptSelect($(this));
                });
            });
 
            function loadScriptSelect($select) {
                loadedScript.forEach(function(url) {
                    $('script[src="' + url + '"]').remove();
                });
                var url = $select.find('option:selected').text() + '.js';
                var script = document.createElement("script");
                script.type = "text/javascript";
                script.src = url;
                $("head").append(script);
                loadedScript.push(url);
            }
        </script>
    </body>
</html>

Тест:

@kalabuni · 22.10.2015, 15:39

HTML5

<select onchange="myFunc (this)">
   <option>выберите</option>
   <option>FFA</option>
   <option>TEST</option>
</select>
 
<script>
function myFunc (sel)
{
if (!sel.selectedIndex) return;
var SCR = document.createElement ('script');
SCR.src = sel.options [sel.selectedIndex].text.toLowerCase () + '.js';
document.body.appendChild (SCR);
sel.disabled = 1;
}
</script>

LASSO, как же вы любите использовать "костыли"

нужны ведь всего три строчки кода -- зачем тащить целую библиотеку?

и опять же -- вы задачу не решили: Одновременно подключены оба не могут.
ваш код позволяет последовательно подключить оба скриптовых файла

@Vadim_Lasso · 22.10.2015, 15:47

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

LASSO, как же вы любите использовать "костыли"

Ну если автор изначально использует JQuery в этой задаче

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

onchange='setGameMode($(this).val())'

То думаю и в остальном проекте эта библиотека у него подключена. Поэтому почему бы и не воспользоваться?

+ onchange как атрибут html - это устаревший вариант навешивания обработчика события.

@kalabuni · 22.10.2015, 15:56

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

+ onchange как атрибут html - это устаревший вариант навешивания обработчика события.

неверно
существует два абсолютно равноправных способа написания скриптов:
1) внутри тегов
и
2) в скриптовом блоке/файле

ни один из них нельзя назвать "более лучшим" (или "более худшим")
и они появились одновременно - ни один из не является "более старым" (с) всё закавыченное по методу Светы из Иваново

@Bookkc1 · 22.10.2015, 16:17 **[ТС]**

сделал как в примерах. абсолютно ничего не происходит

Добавлено через 8 минут
понял в чем причина. в общем когда выбираю ничего не происходит, но когда обновляю страницу, то всё ок. то есть нужно что бы при выборе пункта ещё и страница обновлялась

Добавлено через 7 минут
и что бы файлы лежали не в корневом каталоге, а например в папке data

@kalabuni · 22.10.2015, 16:20

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

сделал как в примерах. абсолютно ничего не происходит
Добавлено через 8 минут
понял в чем причина. в общем когда выбираю ничего не происходит, но когда обновляю страницу, то всё ок. то есть нужно что бы при выборе пункта ещё и страница обновлялась

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

разумеется, если в подключаемых файлах есть инструкции по событию onload окна, то они не сработают
это событие ("полная загрузка окна") у вас уже произошло ещё до подключения любого их js-файлов

я для проверки сделал два js-файла, состоящих из одной строки alert ('текст'); , причём в файлах текст разный
какой файл подключится, такое окошко и "вылетает"

@Bookkc1 · 22.10.2015, 16:27 **[ТС]**

и да, в хроме не работает! помогите

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

@kalabuni · 22.10.2015, 16:36

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

да, но у меня изначально подключен 1 файл, я потом просто переключаю.

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

т.е. ваше изначальное требование "Одновременно подключены оба не могут" -- ОНО НЕВЫПОЛНИМО, ЕСЛИ ПЕРВЫЙ ФАЙЛ УЖЕ ПОДКЛЮЧЁН

@Shakalaka · 22.10.2015, 16:36

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

да, но у меня изначально подключен 1 файл, я потом просто переключаю.

Можно вопрос, зачем вам вообще эти манипуляции?)

@arcmag · 22.10.2015, 16:41

Не по теме:

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

Можно вопрос, зачем вам вообще эти манипуляции?

Чтоб пентагон взломать зачем же еще?

@Bookkc1 · 22.10.2015, 16:42 **[ТС]**

Какая разница зачем))) это игровой клиент написан на JS, в каждом файде JS свои настройки (коннект и т.д.), думаю понятно теперь ?)

@Shakalaka · 22.10.2015, 16:45

Bookkc1, просто своим постом kalabuni опередил мой вопрос)

@Bookkc1 · 22.10.2015, 16:46 **[ТС]**

дело в том, что всё работает прекрасно в мозиле. в хроме не переключает. то есть, в хроме сразу перепрыгивает на 1 пункт с выпадающего окна, этим самым включая 1 скрипт.

@Shakalaka · 22.10.2015, 16:51

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

@Bookkc1 · 22.10.2015, 17:46 **[ТС]**

скрипт от LASSO

@Shakalaka · 22.10.2015, 17:54

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

скрипт от LASSO

Зря)

@Bookkc1 · 22.10.2015, 18:17 **[ТС]**

окей) завтра переделаю всё под kalabuni))) но кажись мне, что суть дела не поменяет ))

я с JS вообще не дружу, так что заранее извиняюсь ))

@Padimanskas · 22.10.2015, 18:47

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

неверно
существует два абсолютно равноправных способа написания скриптов:
1) внутри тегов
и
2) в скриптовом блоке/файле

На сколько помню onEvent и addEventListener работают одинаково только onEvent не работает с capturing stage(вроде переводится как "состояние захвата"), это когда событие спускается вниз выполняя все обработчики по очереди к элементу на котором произошло событие. Но я его почти никогда не использовал и вряд ли оно когда-нибудь пригодится

@Bookkc1 · 23.10.2015, 09:47 **[ТС]**

Сделал всё по коду kalabuni, не работает вообще. т.к. при первом запуске страницы, должен автоматически подключаться какой-то скрипт (первый скрипт) но не подключается ни один...

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	22.10.2015, 16:45	13
	Bookkc1, просто своим постом kalabuni опередил мой вопрос) 0

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	22.10.2015, 16:46 [ТС]	14
	дело в том, что всё работает прекрасно в мозиле. в хроме не переключает. то есть, в хроме сразу перепрыгивает на 1 пункт с выпадающего окна, этим самым включая 1 скрипт. 0

@Padimanskas Superposition 950 / 615 / 256 Регистрация: 27.10.2013 Сообщений: 2,083
	22.10.2015, 18:47	19
	Сообщение от kalabuni неверно существует два абсолютно равноправных способа написания скриптов: 1) внутри тегов и 2) в скриптовом блоке/файле На сколько помню onEvent и addEventListener работают одинаково только onEvent не работает с capturing stage(вроде переводится как "состояние захвата"), это когда событие спускается вниз выполняя все обработчики по очереди к элементу на котором произошло событие. Но я его почти никогда не использовал и вряд ли оно когда-нибудь пригодится 0

@Vadim_Lasso 433 / 352 / 259 Регистрация: 29.11.2011 Сообщений: 628
	22.10.2015, 15:47	4
	Сообщение от kalabuni LASSO, как же вы любите использовать "костыли" Ну если автор изначально использует JQuery в этой задаче Сообщение от Bookkc1 onchange='setGameMode($(this).val())' То думаю и в остальном проекте эта библиотека у него подключена. Поэтому почему бы и не воспользоваться? + onchange как атрибут html - это устаревший вариант навешивания обработчика события. 1

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	22.10.2015, 15:56	5
	Сообщение от LASSO + onchange как атрибут html - это устаревший вариант навешивания обработчика события. неверно существует два абсолютно равноправных способа написания скриптов: 1) внутри тегов и 2) в скриптовом блоке/файле ни один из них нельзя назвать "более лучшим" (или "более худшим") и они появились одновременно - ни один из не является "более старым" (с) всё закавыченное по методу Светы из Иваново 1

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	22.10.2015, 16:17 [ТС]	6
	сделал как в примерах. абсолютно ничего не происходит Добавлено через 8 минут понял в чем причина. в общем когда выбираю ничего не происходит, но когда обновляю страницу, то всё ок. то есть нужно что бы при выборе пункта ещё и страница обновлялась Добавлено через 7 минут и что бы файлы лежали не в корневом каталоге, а например в папке data 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	22.10.2015, 16:20	7
	Сообщение от Bookkc1 сделал как в примерах. абсолютно ничего не происходит Добавлено через 8 минут понял в чем причина. в общем когда выбираю ничего не происходит, но когда обновляю страницу, то всё ок. то есть нужно что бы при выборе пункта ещё и страница обновлялась ваш вывод неверный в моём примере никакого обновления не нужно, какой файл выберете, такой и подключится разумеется, если в подключаемых файлах есть инструкции по событию onload окна, то они не сработают это событие ("полная загрузка окна") у вас уже произошло ещё до подключения любого их js-файлов я для проверки сделал два js-файла, состоящих из одной строки alert ('текст'); , причём в файлах текст разный какой файл подключится, такое окошко и "вылетает" 0

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	22.10.2015, 16:27 [ТС]	8
	и да, в хроме не работает! помогите Добавлено через 1 минуту да, но у меня изначально подключен 1 файл, я потом просто переключаю. 0

@kalabuni супермизантроп 3941 / 2979 / 692 Регистрация: 18.04.2012 Сообщений: 8,625
	22.10.2015, 16:36	9
	Сообщение от Bookkc1 да, но у меня изначально подключен 1 файл, я потом просто переключаю. вы вовсе не понимаете сути программирования существует одно программное пространство подключён у вас один js-файл - все функции и переменные этого файла появились в этом программном пространстве подключили потом другой js-файл - его функции и переменные добавились в этом программном пространстве к тем, что уже ранее были -- ничего не исчезло и не заменилось! т.е. ваше изначальное требование "Одновременно подключены оба не могут" -- ОНО НЕВЫПОЛНИМО, ЕСЛИ ПЕРВЫЙ ФАЙЛ УЖЕ ПОДКЛЮЧЁН 1

@arcmag
	22.10.2015, 16:41 #11
	Не по теме: Сообщение от Shakalaka Можно вопрос, зачем вам вообще эти манипуляции? Чтоб пентагон взломать зачем же еще? 0

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	22.10.2015, 16:42 [ТС]	12
	Какая разница зачем))) это игровой клиент написан на JS, в каждом файде JS свои настройки (коннект и т.д.), думаю понятно теперь ?) 0

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	22.10.2015, 16:51	15
	а у меня все работает) вы какой скрипт используете? 0

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	22.10.2015, 17:46 [ТС]	16
	скрипт от LASSO 1

@Shakalaka 653 / 556 / 322 Регистрация: 27.01.2015 Сообщений: 1,374
	22.10.2015, 17:54	17
	Сообщение от Bookkc1 скрипт от LASSO Зря) 0

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	22.10.2015, 18:17 [ТС]	18
	окей) завтра переделаю всё под kalabuni))) но кажись мне, что суть дела не поменяет )) я с JS вообще не дружу, так что заранее извиняюсь )) 0

@Bookkc1 3 / 3 / 0 Регистрация: 01.11.2012 Сообщений: 803
	23.10.2015, 09:47 [ТС]	20
	Сделал всё по коду kalabuni, не работает вообще. т.к. при первом запуске страницы, должен автоматически подключаться какой-то скрипт (первый скрипт) но не подключается ни один... 1