Heeinrich: Problem mit dynamisch nachgeladenen CSS-Dateien

Hallo,
ich lade unter bestimmten Umständen eine css-Datei mittels JavaScript nach:

  
$.get  
(  
    urlDerCSSDatei,  
    function(css)  
    {  
        $("head").append("<style type='text/css'>"+css+"</style>");  
    }  
);  

Das funktioniert auch wunderbar aber nun habe ich ein Problem mit den Bildern die darin verlinkt werden. Die Angaben des Bildpfades sind normalerweise relative zur css-Datei. Wenn ich sie allerdings wie oben gezeigt per Javascript nachlade, sind die Angaben nicht mehr relativ zur css-Datei, sondern zur geladenen html-Datei.
Dies ist so nicht erwünscht, da zum Beispiel bei der jQuery-CSS-Datei immer ein image-Ordner dabei liegt, die bei mir meistens nicht im Ordner der html-Datei liegen.

Weiß jemand, wie ich das einbinden per JavaScript so verbessern kann, dass die Bildangaben immer noch relativ zur css-Datei sind?

Danke

  1. Hi,

    ich lade unter bestimmten Umständen eine css-Datei mittels JavaScript nach:

    $.get
    (
        urlDerCSSDatei,
        function(css)
        {
            $("head").append("<style type='text/css'>"+css+"</style>");
        }
    );

      
    Da ist keine „Datei“ im Spiel.  
      
    
    > Die Angaben des Bildpfades sind normalerweise relative zur css-Datei. Wenn ich sie allerdings wie oben gezeigt per Javascript nachlade, sind die Angaben nicht mehr relativ zur css-Datei, sondern zur geladenen html-Datei.  
      
    Logisch, es ist ja auch keine „CSS-Datei“ im Spiel, zu der sie relativ sein k<önnten.  
      
    
    > Weiß jemand, wie ich das einbinden per JavaScript so verbessern kann, dass die Bildangaben immer noch relativ zur css-Datei sind?  
      
    Kein style-, sondern ein link-Element erzeugen?  
      
    MfG ChrisB  
      
    
    -- 
    RGB is totally confusing - I mean, at least #C0FFEE should be brown, right?
    
    1. wie meinst
      "Kein style-, sondern ein link-Element erzeugen?"
      genau?

      1. مرحبا

        wie meinst
        "Kein style-, sondern ein link-Element erzeugen?"
        genau?

        http://de.selfhtml.org/css/formate/einbinden.htm#separat

        mfg

        1. Ahh danke.

          Habs mal so versucht:

            
          $("head").append('<link rel="stylesheet" type="text/css" href="' + urlDerCSSDatei + '" />');  
          
          

          So wird leider das css nicht nachgeladen.

          1. مرحبا

              
            
            > $("head").append('<link rel="stylesheet" type="text/css" href="' + urlDerCSSDatei + '" />');
            
            

            So wird leider das css nicht nachgeladen.

            Was ist der Inhalt von "urlDerCSSDatei"?

            mfg

            1. مرحبا

              Was ist der Inhalt von "urlDerCSSDatei"?

              Mach's zum testen erst mal ohne Variable. Wenn's funktioniert, kannst du es immer noch ändern.

              mfg