Importieren von Stylesheets dynamisch mit dojo

was ist die beste (die meisten elegant 🙂 Methode zum importieren von css-stylesheet mit javascript.

Vielleicht dojo hat einige module ähnlich dojo.erfordern ?

Danke für die Hilfe.

InformationsquelleAutor | 2011-09-01
  1. 0

    Können Sie fügen Sie einfach die <link> element auf der Seite. Nachdem Sie Hinzugefügt, wird es laden Sie die css.

     var element = document.createElement('link');
 element.href = 'someCssFile.css';
 element.rel = 'stylesheet';
 element.type = 'text/css';

 document.body.appendChild(element);
    • ich würde den Kopf 😉 : document.getElementsByTagName('head')[0].appendChild(element)
    • Danke. Alles, was mehr elegant ? 🙂 dojo.importStylesheet wäre perfekt heh
    InformationsquelleAutor Tejs
  2. 0

    Oops, fand das sehr spät aber:

    Bekommen alle stylesheets:

    require([ /* "dojo/something", */ "dojox/html/styles"],
    function( /* something, */ stylesheet ){
        console.log( stylesheet.getStyleSheets() );
    }
)

    Erhalten Sie eine spezielle stylesheet per href oder title tag:

    http://dojotoolkit.org/api/dojox/html/styles, siehe getStyleSheet

    Du gefragt, vor allem für dojo und so möchten Sie vielleicht auch, um mehr über dojox.html-Code.styles :
    http://www.sitepen.com/blog/2009/03/13/dynamic-stylesheets-part-1/

    InformationsquelleAutor sebilasse
  3. 0

    Dojo hat einige DOM-Zucker, wenn Sie möchten:

    dojo.create("link", {href:'someCssFile.css', type:'text/css', rel:'stylesheet'}, document.getElementsByTagName('head')[0])

    Lange her, Dojo ' s loader für den Umgang mit stylesheets und automatisch ziehen im CSS für Module oder widgets (gewissermaßen eine Abstraktion der trigger so etwas wie die oben genannten). Es gab verschiedene browser-Macken umgehen mit damals für das laden von Stylesheets. Es stellte sich heraus, um eine Menge von performance-Problemen, so wie der Dojo-1.0, style-sheets geladen werden, direkt auf der Seite.

    InformationsquelleAutor peller
Schreibe einen Kommentar