1 Reply Latest reply on Jun 9, 2008 7:52 PM by frer

    Weird AJAX Problem: CSS not applied on generated dom

    frer

      Hi,


      I'm having quite a weird problem with my application that I am merging to Seam.


      I used to work with the following sequence:


      JS -- Servlet -- Stateless Bean
      The Servlet would return an XML formatted result to the JS that would build the DOM accordingly.  For example, the JS could call the method getPersonXML() and the servlet would return the xml document that would be parsed to display the person attributes.


      Now with Seam, I use the webremote to do the same:


      JS -- Seam Component


      Same thing: JS receives the XML, parses it and displays the XML result by creating DOM nodes.


      What I don't understand is that my CSS is not applied to the elements I create in the DOM.  All the other fields that are included in the .xhtml are fine but the created dom nodes do not get the css applied to them.


      Whas is even more weird, is that when I look in the HTML view of firebug, everything is fine but I don't see any css applied to them.  If I save the html content to a file, everything works fine.


      I have no clue what's going on.  Anybody have an idea what's going on?  I have doubts it has to do with content-type but I don't know...


      Thank you

        • 1. Re: Weird AJAX Problem: CSS not applied on generated dom
          frer

          Hi,


          I figured out a solution to my problem...by putting the following tags:


          <f:view contentType="text/html">
          ...
          </f:view>
          


          around my

          <body>

          tags, it works.  I don't exactly know how to explain it though...I don't quite understand how it affects the front end javascript...