Динамическая подгрузка файлов.

@Daredevi1 · Регистрация: 09.05.2009

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

При подключении скрипта, код которого будет ниже, должны подгрузиться два файлика: один с js кодом, второй со стилями. С js файлом все нормально, а вот со стилями проблема... Есть конечно обход подгрузить аяксом этот файлик и потом запхнуть содержимое в style, но хочется узнать что не так в этом случае. Вот код:

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
29
30
31
32
33
34
35
36
37
38
39
40
41
var countLoadedFiles = 0;
 
function loadFiles(callback) {
    var head= document.getElementsByTagName('head')[0];
    var script = document.createElement("script");
    script.type = "text/javascript";
    script.onreadystatechange = function () {
        if (this.readyState == 'complete' || this.readyState == 'loaded') callback();
    };
    script.onload = function(){
        countLoadedFiles++;
        alert(countLoadedFiles);
        if (countLoadedFiles == 2){
            callback();
        }
 
    };
    script.src = "tooltip.js";
    head.appendChild(script);
 
    var style = document.createElement("link");
    style.setAttribute("rel", "stylesheet");
    script.onreadystatechange = function () {
        if (this.readyState == 'complete' || this.readyState == 'loaded') callback();
    };
    style.onload = function(){
        countLoadedFiles++;
        alert(countLoadedFiles);
        if (countLoadedFiles == 2){
            callback();
        }
    };
    style.href = "style.css";
    head.appendChild(style);
}
 
function loaded(){
    addFindElemByXPath(["/html/body/div[2]","/html/body/div"]);
}
 
loadFiles(loaded);

@Kdn · 25.03.2011, 10:02

Daredevi1, Ну вроде всё верно, попробуй style.type = 'text/css' добавить

JavaScript
1
2
3
4
5
6
var style = document.createElement('link');
            style.rel  = 'stylesheet';
            style.type = 'text/css';
            style.href = filename;
 
 head.appendChild(style);

@Daredevi1 · 25.03.2011, 10:07 **[ТС]**

не помогло...

@Kdn · 25.03.2011, 16:11

Daredevi1, Попробуй этот скрипт:

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
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
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 var Loader = {
    load: function(fileList, callback, scope, preserveOrder) {
        var scope       = scope || this,
            head        = document.getElementsByTagName("head")[0],
            fragment    = document.createDocumentFragment(),
            numFiles    = fileList.length,
            loadedFiles = 0,
            me          = this;
        
        var loadFileIndex = function(index) {
            head.appendChild(
                me.buildScriptTag(fileList[index], onFileLoaded)
            );
        };
        
 
        var onFileLoaded = function() {
            loadedFiles ++;
            
            if (numFiles == loadedFiles && typeof callback == 'function') {
                callback.call(scope);
            } else {
                if (preserveOrder === true) {
                    loadFileIndex(loadedFiles);
                }
            }
        };
        
        if (preserveOrder === true) {
            loadFileIndex.call(this, 0);
        } else {
            for(var i = 0, len = fileList.length; i < len; i++){
                 fragment.appendChild(this.buildScriptTag(fileList[i], onFileLoaded));
                }
        }            
            head.appendChild(fragment);
        
    },
    
    buildScriptTag: function(filename, callback) {
        var exten = filename.substr(filename.lastIndexOf('.')+1);
        if(exten=='js') {
            var script  = document.createElement('script');
            script.type = "text/javascript";
            script.src  = filename;
            
            if(script.readyState) {
                script.onreadystatechange = function() {
                    if (script.readyState == "loaded" || script.readyState == "complete") {
                        script.onreadystatechange = null;
                        callback();
                    }
                };
            } else {
                script.onload = callback;
            }
            return script;
        }
        if(exten=='css') {
            var style = document.createElement('link');
            style.rel  = 'stylesheet';
            style.type = 'text/css';
            style.href = filename;
            callback();
            return style;
        }
    }
}

Вызов:

JavaScript
1
Loader.load(["style.css"],function(){/*Обработчик*/})

@Daredevi1 · 25.03.2011, 16:15 **[ТС]**

Спасибо. Вечером проверю.

@Kdn · 25.03.2011, 17:20

Daredevi1, Может пригодится тоже самое, только в версии Minimal

:

JavaScript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
var Loader = {
load:function(fileList, callback, scope, preserveOrder){
 var scope=scope||this,PO=preserveOrder,
 FL=fileList,D=document,a='appendChild',
 H=D.getElementsByTagName("head")[0],
 F=D.createDocumentFragment(),FLen=FL.length,LL = 0,cb=callback,
 lF=function(i){H[a](this.bT(FL[i],oL))},
 oL=function(){
  LL++; if (FLen==LL && typeof cb=='function') cb.call(scope) 
  else if (PO===true)lF(LL)}
  if (PO===true)lF.call(this,0)
  else for(var i = 0; i < FLen; i++) F[a](this.bT(FL[i],oL));H[a](F)},    
 bT:function(filename, cb) {
  var a = function(o, c){if(o&&c&&typeof c=='object')for(var p in c)o[p]=c[p];return o},
  e = filename.substr(filename.lastIndexOf('.')+1),r='onreadystatechange',rs='readyState',
  d = document,c='createElement';
  if(e=='js') {var s  = a(d[c]('script'),{type:"text/javascript",src:filename});
  if(s[rs]){s[r] = function(){if (s[rs] == "loaded" || s[rs] == "complete"){s[r] = null;cb()}
  }}else s.onload = cb;return s;}
  if(e=='css'){var s = a(d[c]('link'),{rel:'stylesheet',type:'text/css',href:filename});cb();return s
}}}

Новые блоги и статьи Все статьи Все блоги /
моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом	http://iceja.net/ математические сервисы iceja 20.01.2026 Обновила свой сайт http:/ / iceja. net/ , приделала Fast Fourier Transform экстраполяцию сигналов. Однако предсказывает далеко не каждый сигнал (см ограничения http:/ / iceja. net/ fourier/ docs ). Также. . .	http://iceja.net/ сервер решения полиномов iceja 18.01.2026 Выкатила http:/ / iceja. net/ сервер решения полиномов (находит действительные корни полиномов методом Штурма). На сайте документация по API, но скажу прямо VPS слабенький и 200 000 полиномов. . .
Расчёт переходных процессов в цепи постоянного тока igorrr37 16.01.2026 / * Дана цепь(не выше 3-го порядка) постоянного тока с элементами R, L, C, k(ключ), U, E, J. Программа находит переходные токи и напряжения на элементах схемы классическим методом(1 и 2 з-ны. . .	Восстановить юзерскрипты Greasemonkey из бэкапа браузера damix 15.01.2026 Если восстановить из бэкапа профиль Firefox после переустановки винды, то список юзерскриптов в Greasemonkey будет пустым. Но восстановить их можно так. Для этого понадобится консольная утилита. . .	Сукцессия микоризы: основная теория в виде двух уравнений. anaschu 11.01.2026 https:/ / rutube. ru/ video/ 7a537f578d808e67a3c6fd818a44a5c4/	WordPad для Windows 11 Jel 10.01.2026 WordPad для Windows 11 — это приложение, которое восстанавливает классический текстовый редактор WordPad в операционной системе Windows 11. После того как Microsoft исключила WordPad из. . .

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	25.03.2011, 10:07 [ТС]
	не помогло... 0

@Daredevi1 311 / 303 / 78 Регистрация: 09.05.2009 Сообщений: 723
	25.03.2011, 16:15 [ТС]
	Спасибо. Вечером проверю. 0