adding css file with jquery

Question

I am creating a popupwindow and I want to add a css file to that popupwindow below is the code for popupwindow  I have a javascript with creates a popupwindow     lt a href  popupwindowcontent xhtml  title  Print  class  popupwindow  gt Print1 lt  a gt    Now I want to add a css file to this popupwindow  I tried something like       popupwindow   append   lt link rel  stylesheet  href  css style2 css  type  text css    gt           head   append   lt link rel  stylesheet  href  css style2 css  type  text css    gt       but doesnt work   Thanks

User · Answer

I don t think you can attach down into a window that you are instancing    I KNOW you can t do it if the url s are on different domains  XSS and all that jazz   but you can talk UP from that window and access elements of the parent window assuming they are on the same domain  your best bet is to attach the stylesheet at the page you are loading  and if that page isn t on the same domain   e g  trying to restyle some one else s page   you won t be able to

User · Answer

Your issue is that your selector is for an anchor element  lt a gt   You are treating the  lt a gt  tag as if it represents the page which is not the case       head   will work as long as this selector is being executed by the page that needs the css   Why not simply add the css file to the page in question  Any particular reason to attempt this dynamically from another page  I am not even familiar with a way to inject css to remote pages like this     seems like it would be a major security hole   ADDENDUM to your reasoning    Then you should simply pass a parameter to the page  read it using javascript  and then do whatever is needed based on the parameter

User · Answer

Have you tried simply using the media attribute for you css reference    lt link rel  stylesheet  href  css style2 css  media  print  type  text css    gt    Or set it to screen if you don t want the printed version to use the style    lt link rel  stylesheet  href  css style2 css  media  screen  type  text css    gt    This way you don t need to add it dynamically

User · Answer

This is how I add css using jQuery ajax   Hope it helps someone      ajax               url  site test style css               success function data                        lt style gt  lt  style gt    appendTo  head   html data

User · Answer

Try doing it the other way around       lt link rel  stylesheet  href  css style2 css  type  text css    gt    appendTo  head

User · Answer

head   append   lt link rel  stylesheet  href  style2 css  type  text css    gt       This should work

User · Answer

Just my couple cents    sometimes it s good to be sure there are no any duplicates    so we have the next function in the utils library   jQuery loadCSS   function url        if      link href      url         length             head   append   lt link rel  stylesheet  type  text css  href      url      gt         How to use     loadCSS  css style2 css

User · Answer

var css link       lt link gt              rel   stylesheet           type   text css           href   yourcustomaddress bundles andreistatistics css like css              css link appendTo  head

[javascript] adding css file with jquery

Examples related to javascript

Examples related to jquery

Examples related to css