ReSQL.ru
     
powered by simpleCommunicator - 2.0.61     © 2026 Programmizd 02
Мобильная версия    Контакт    Правила    FAQ    Помощь
Целевая тема:
Создать новую тему:
Автор:
Закрыть
Цитировать
Доб. в избранное | Игнор. тему | Прикреп. тему | Пометить прочит. / непрочит. | Фильтр
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не работает js и html
13 сообщений из 13, страница 1 из 1
не работает js и html
    #38807907
mr_virtus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mr_virtus
Участник
привет!

делаю задание по методичке преподавателя.

Два файла:

Kit.js:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
function Init()
{
    var color = "#ffffcc",
        w = 650,
        h = 300,
        x = 20,
        y = 20,
        style = "background-color:" + color + ";border:1px solid black;position:absolute:posWidth:" + w +
        ";posHeigth:" + h + ";posLeft:" + x + ";posTop:" + y;
    var div = Append("div", document.body, null, style);
}

window.onload = Init;



Test.js:
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
function Init()
{
    var color = "#ffffcc",
        w = 650,
        h = 300,
        x = 20,
        y = 20,
        style = "background-color:" + color + ";border:1px solid black;position:absolute:posWidth:" + w +
        ";posHeigth:" + h + ";posLeft:" + x + ";posTop:" + y;
    var div = Append("div", document.body, null, style);
}

window.onload = Init;



Test.html

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <script type="text/javascript" src="../Scripts/Kit.js"></script>
    <script type="text/javascript" src="../Scripts/Test.js"></script>
</head>
<body>

</body>
</html>



в студии открыт Test.html

нажимаю ctrl+f5 и вижу в браузере только точку.

а по идее должнем быть прямоугольник. в чем ошибка?
...
Рейтинг: 0 / 0
17.11.2014, 10:23
| Ответить | Цитировать | Написать  
не работает js и html
    #38807947
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
mr_virtusв чем ошибка?
Встречные вопросы:
- почему определяются две функции с одинаковым идентификатором?
- что за метод такой Append()?
...
Рейтинг: 0 / 0
17.11.2014, 10:50
| Ответить | Цитировать | Написать  
не работает js и html
    #38807950
mr_virtus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mr_virtus
Участник
krvsa,

сорри, не верно вставил.

вместо init, хотел вставить:

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
function Append(name, into, properties, style)
{
    var o = document.createElement(name);
    if (properties != null)
        AddProperties(o, properties);
    if (style != null)
        AddProperties(o.style, style);
    into.appendChild(o);
    return 0;
}



Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
function AddProperties(o, properties)
{
    var pairs = properties.split(";");
    if (pairs.length == 0)
        return;
    for (var i = 0; i < pairs.length; i++)
    {
        if (pairs[i] == "")
            continue;
        var pair = pairs[i].split(":");
        if (pair.length < 2)
            pair = pairs[i].split("=");
        if (pair.length < 2)
            return;
        o[pair[0]] = pair[1];
    }
}
...
Рейтинг: 0 / 0
17.11.2014, 10:52
| Ответить | Цитировать | Написать  
не работает js и html
    #38807952
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
В моем примере

Код: html
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.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function Init() {
    var color = "#ffffcc",
        w = 650,
        h = 300,
        x = 20,
        y = 20,
        style = "background-color:" + color + ";border:1px solid black;position:absolute:posWidth:" + w +
        ";posHeigth:" + h + ";posLeft:" + x + ";posTop:" + y;
    var div = Append("div", document.body, null, style);
}
window.onload = Init;
</script>
</head>
<body> 
</body>
</html>


Вообще ошибка
Код: javascript
1.
Unhandled Error: Undefined variable: Append
...
Рейтинг: 0 / 0
17.11.2014, 10:52
| Ответить | Цитировать | Написать  
не работает js и html
    #38807956
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
mr_virtusсорри, не верно вставил.
Тогда как будет выглядеть правильный полный пример?
...
Рейтинг: 0 / 0
17.11.2014, 10:53
| Ответить | Цитировать | Написать  
не работает js и html
    #38807959
mr_virtus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mr_virtus
Участник
krvsa,

авторТогда как будет выглядеть правильный полный пример?

есть 2 файла js:

Kit.js


Код: javascript
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.
function Append(name, into, properties, style)
{
    var o = document.createElement(name);
    if (properties != null)
        AddProperties(o, properties);
    if (style != null)
        AddProperties(o.style, style);
    into.appendChild(o);
    return 0;
}

function AddProperties(o, properties)
{
    var pairs = properties.split(";");
    if (pairs.length == 0)
        return;
    for (var i = 0; i < pairs.length; i++)
    {
        if (pairs[i] == "")
            continue;
        var pair = pairs[i].split(":");
        if (pair.length < 2)
            pair = pairs[i].split("=");
        if (pair.length < 2)
            return;
        o[pair[0]] = pair[1];
    }
}



Test.js

Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
function Init()
{
    var color = "#ffffcc",
        w = 650,
        h = 300,
        x = 20,
        y = 20,
        style = "background-color:" + color + ";border:1px solid black;position:absolute:posWidth:" + w +
        ";posHeigth:" + h + ";posLeft:" + x + ";posTop:" + y;
    var div = Append("div", document.body, null, style);
}

window.onload = Init;



Test.html

Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <title>Test</title>
    <script type="text/javascript" src="../Scripts/Kit.js"></script>
    <script type="text/javascript" src="../Scripts/Test.js"></script>
</head>
<body>

</body>
</html>
...
Рейтинг: 0 / 0
17.11.2014, 10:55
| Ответить | Цитировать | Написать  
не работает js и html
    #38808043
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
mr_virtus , у тебя куча неправильный свойст используется в Init() при "описании" style...

Вот работающий пример

Код: html
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.
53.
<!DOCTYPE html>
<html>
<head>
<!--
<script src='http://code.jquery.com/jquery-latest.js'></script>
<link rel='stylesheet type=text/css href=tmp.css' />
-->
<style type='text/css'>
</style>
<script type='text/javascript'>
function Append(name, into, properties, style){
    var o = document.createElement(name);
    if (properties != null)
        AddProperties(o, properties);
    if (style != null)
        AddProperties(o.style, style);
    into.appendChild(o);
    return 0;
};
function AddProperties(o, properties){
    var pairs = properties.split(";");
    if (pairs.length == 0)
        return;
    for (var i = 0; i < pairs.length; i++){
        if (pairs[i] == "")
            continue;
        var pair = pairs[i].split(":");
        if (pair.length < 2)
            pair = pairs[i].split("=");
        if (pair.length < 2)
            return;
        o[pair[0]] = pair[1];
    };
};
function Init(){
    var color = "#ffffcc",
        w = 650,
        h = 300,
        x = 20,
        y = 20,
        style = "background-color:" + color + ";";
        style += "border:1px solid black;position:absolute;";
        style += "width:" + w +"px;height:" + h + "px;";
        style += "left:" + x + "px;top:" + y+"px;";
    var div = Append("div", document.body, null, style);
};

window.onload = Init;
</script>
</head>
<body> 
</body>
</html>



Т.ч. ищи отличия...
...
Рейтинг: 0 / 0
17.11.2014, 11:54
| Ответить | Цитировать | Написать  
не работает js и html
    #38808045
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
krvsaнеправильный свойст
Неправильных свойств...
...
Рейтинг: 0 / 0
17.11.2014, 11:55
| Ответить | Цитировать | Написать  
не работает js и html
    #38808048
mr_virtus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mr_virtus
Участник
krvsa,

хм, понятно.

спасибо большое!
...
Рейтинг: 0 / 0
17.11.2014, 11:56
| Ответить | Цитировать | Написать  
не работает js и html
    #38808051
Да ну
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
Да ну
Участник
mr_virtus,
повнимательнее:

style = "background-color:" + color + ";border:1px solid black;position:absolute:posWidthwidth:" + w +
";posHeigthheight:" + h + ";posLeftleft:" + x + ";posToptop:" + y;
...
Рейтинг: 0 / 0
17.11.2014, 11:59
| Ответить | Цитировать | Написать  
не работает js и html
    #38808052
mr_virtus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mr_virtus
Участник
Да ну,

спасибо!
...
Рейтинг: 0 / 0
17.11.2014, 11:59
| Ответить | Цитировать | Написать  
не работает js и html
    #38808168
Фотография krvsa
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
krvsa
Участник
mr_virtus , и px не забывай дописывать...
...
Рейтинг: 0 / 0
17.11.2014, 13:07
| Ответить | Цитировать | Написать  
не работает js и html
    #38808174
mr_virtus
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
mr_virtus
Участник
krvsa,

хорошо, спасибо!
...
Рейтинг: 0 / 0
17.11.2014, 13:08
| Ответить | Цитировать | Написать  
13 сообщений из 13, страница 1 из 1
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не работает js и html
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение   Полит. конфиден.  
NoSQL.ru       Кролег: Проекты, Новости, Чат       РЕД ФОРУМ       Фотоальбом: Участники, Встречи
Закрыть
start [/forum/topic.php?fid=22&gotonew=1&tid=1446524]:
 0ms
get settings:
 8ms
get forum list:
 17ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 145ms
get topic data:
 9ms
get first new msg:
 5ms
get forum data:
 3ms
get page messages:
 51ms
get tp. blocked users:
 1ms
others: 220ms
total:  465ms
созд. / загр.: 465ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]