Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не работает js и html / 13 сообщений из 13, страница 1 из 1
17.11.2014, 10:23
    #38807907
mr_virtus
mr_virtus
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает js и html
привет!

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

Два файла:

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

Код: 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:53
    #38807956
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает js и html
mr_virtusсорри, не верно вставил.
Тогда как будет выглядеть правильный полный пример?
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2014, 10:55
    #38807959
mr_virtus
mr_virtus
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает js и html
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, 11:54
    #38808043
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает js и html
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:55
    #38808045
krvsa
krvsa
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает js и html
krvsaнеправильный свойст
Неправильных свойств...
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
17.11.2014, 11:56
    #38808048
mr_virtus
mr_virtus
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
не работает js и html
krvsa,

хм, понятно.

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

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

хорошо, спасибо!
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / не работает js и html / 13 сообщений из 13, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение  
Полит. конфиден.  
созд. / загр.: 431ms
Закрыть
start [/forum/topic.php?fid=22&mobile=1&tid=1446524]:
 0ms
get settings:
 7ms
get forum list:
 12ms
check forum access:
 3ms
check topic access:
 3ms
track hit:
 144ms
get topic data:
 8ms
get forum data:
 2ms
get page messages:
 33ms
get tp. blocked users:
 1ms
others: 218ms
total:  431ms
x
x
Закрыть


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