1 / 1 / 1
Регистрация: 04.08.2011
Сообщений: 228
1

Подключение JavaScript файла

11.05.2012, 20:35. Показов 1188. Ответов 0
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
Всем привет
HTML5
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
<head>
<title>Связанные списки, пример № 3</title>
<meta http-equiv="Content-Type" content="text/html; charset=windows-1251" />
<style type="text/css">
    fieldset{width:10em;display:block;padding:.5em}
    select{width:10em}
    #colors{display:none}
</style>
<script type="text/javascript">
// Данные, как бы из базы, сформированные на стороне сервера.
// Обычно находятся в подключаемом JavaScript файле.
var colorsArray = {
    BentleyAzure : {red:"Красный",green:"Зеленый"},
    ChevroletCorvette : {black:"Черный",blue:"Синий"},
    FerrariEnzo : {green:"Зеленый",black:"Черный",yellow:"Желтый"}
}
// Функция, заполняющая список цветами доступными для выбранной модели.
function getColors(_this){
    var colors = colorsArray[_this.value];
    var _select = document.getElementById("colors");
    _select.innerHTML = ""; // Удаляем всех потомков.
    for(var i in colors){ // Добавляем доступные цвета.
        var option = document.createElement("option");
        var optionText = document.createTextNode(colors[i]);
        option.appendChild(optionText);
        option.setAttribute("value",i);
        _select.appendChild(option);
    }
    // Делаем список цветов видимым.
    _select.style.display="inline";
}
</script>
</head>
<body>
<form action="#" method="get">
<fieldset>
<legend><label for="models">Модели</label></legend>
<select id="models" name="models" onchange="getColors(this)">
    <option value="BentleyAzure">Bentley Azure</option>
    <option value="ChevroletCorvette">Chevrolet Corvette</option>
    <option value="FerrariEnzo">Ferrari Enzo</option>
</select>
</fieldset>
<fieldset>
<legend><label for="colors">Цвета</label></legend>
<select id="colors" name="colors"></select>
</fieldset>
<fieldset>
    <input type="submit" value="Выбрать" />
</fieldset>
</form>
</body>
Как подключить этот файл?
Javascript
1
2
3
4
5
6
// Обычно находятся в подключаемом JavaScript файле.
var colorsArray = {
    BentleyAzure : {red:"Красный",green:"Зеленый"},
    ChevroletCorvette : {black:"Черный",blue:"Синий"},
    FerrariEnzo : {green:"Зеленый",black:"Черный",yellow:"Желтый"}
}
Знаю что можно так
Javascript
1
<script src="/js/script1.js"></script>
Но что писать после var colorsArray = {
Ответ
Javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
var colorsArray = {
    Studio : {black:"Чёрный",white:"Белый",red:"Красный",redsox:"Red Sox",blue:"Синий",green:"Зелёный",orange:"Оранжевый",pink:"Розовый",purple:"Фиолетовый",silver:"Серебряный"},
    ChevroletCorvette : {black:"Черный",blue:"Синий"},
    FerrariEnzo : {green:"Зеленый",black:"Черный",yellow:"Желтый"}
}
// Функция, заполняющая список цветами доступными для выбранной модели.
function getColors(_this){
    var colors = colorsArray[_this.value];
    var _select = document.getElementById("colors");
    _select.innerHTML = ""; // Удаляем всех потомков.
    for(var i in colors){ // Добавляем доступные цвета.
        var option = document.createElement("option");
        var optionText = document.createTextNode(colors[i]);
        option.appendChild(optionText);
        option.setAttribute("value",i);
        _select.appendChild(option);
    }
    // Делаем список цветов видимым.
    _select.style.display="inline";
}
Пихаем в файл script1.js
И пишем
Javascript
1
<script src="/js/script1.js"></script>
0
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
11.05.2012, 20:35
Ответы с готовыми решениями:

Подключение файла ssi через сценарий javascript
А что посоветуете насчет конструкции document.write(' &lt;!-- #include file='filebog1.txt' --&gt;')...

Выполнение Javascript файла в котором присутствуют javascript теги
text1.js &lt;link href='http://alexgorbatchev.com/pub/sh/2.1.364/styles/shCore.css'...

I18n + ASP MVC + JavaScript/JQuery - как получить данные из файла Resourses в JavaScript ?
Доброй ночи всем. Прощу помощи. Пытаюсь сделать мультиязычный сайт. Создал файл Resourse сделал там...

Подключение внешних javascript
Добрый день Есть страница на сайте, которая подключает внешний external.js. Проблема заключается...

0
11.05.2012, 20:35
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
11.05.2012, 20:35
Помогаю со студенческими работами здесь

Подключение JavaScript к joomla 3
Уважаемые спецы подскажите пожалуйста! Нужно подключить JavaScript к Joomla 3. Чтоб выводилась...

Подключение внешнего Javascript(a)
Не могу подключить к HTML файлу внешний Javascipt Сам скрипт: &lt;script&gt; &lt;script...

Подключение jquery и javascript
Не могу подключить jquery к отдельному js файлу. пишу в head &lt;script type=&quot;text/plain&quot;...

Подключение javascript к html
Не получается подключить js к html, либо у меня не верный код. &lt;!doctype html&gt; &lt;html&gt; &lt;head&gt;...

Подключение написанных тестов в javascript
Подскажите пожалуйста как подключить тесты в IDE webStorm?? в клонированном мною проекте из гита...

Подключение программы javascript на Html
Необходимо написать программу, где бы пользователю предлагалось ввести число на выбор: 1, 2 или 3,...


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

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

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru