2011-02-03 48 views
0

我想要的CSS規則加以取出,並在下拉爲了這個,我正在做顯示..取的JavaScript/jQuery的CSS規則

var opnr = window.opener ; 
function getStyle() { 
    var selCss=opnr.document.getElementById("CSS"); 
    loadjscssfile("css/"+selCss.value,"css"); 
    var cssRef = document.styleSheets[0]; 
    cssRef.href ='css/'+ selCss.value; 
    var classes = cssRef.rules || cssRef.cssRules ; 
    var select = document.getElementById('stylefieldid');//document.createElement('select'); 

    for(var x=0;x<classes.length;x++) { 
     var option = document.createElement('option'); 
     var className = classes[x].selectorText; 
     if(className.startsWith('.')){ 
      className = className.substring(1,className.length); 
     } 
      option.text = className; 
      option.value = className; 
     select.add(option); 
    } 
} 


function loadjscssfile(filename, filetype){ 
    var fileref; 
    if (filetype=="js") 
    { 
     fileref=document.createElement("script"); 
     fileref.setAttribute("type","text/javascript"); 
     fileref.setAttribute("src", filename); 
    } 
    else if (filetype=="css"){ 
     fileref=document.createElement("link"); 
     fileref.setAttribute("rel", "stylesheet"); 
     fileref.setAttribute("type", "text/css"); 
     fileref.setAttribute("href", filename); 
    } 
    if (typeof fileref!="undefined") 
     document.getElementsByTagName("head")[0].appendChild(fileref); 
} 

,但這正顯示出急行爲變量classes來是未定義有時而它的價值有時...我嘗試提醒cssRef.href它給了我正確的值..

代碼是不是在FF的所有工作圍繞

任何幫助的任何工作?爲什麼它發生這樣的事情

在jquery中的任何替代?

回答

0

使用它的CSS解析服務器端,並通過列表來JSP頁面...並正在對所有現代瀏覽器..

完成

感謝您的回覆:)

0

你確定你的代碼在頁面加載後觸發嗎?嘗試在<body onload="someFunction()">您的代碼之後,或者在頁面底部調用它

+0

功能正在觸發..問題是與我猜的代碼。它根本就沒有在ff上工作 – Varun 2011-06-16 04:00:16