Hi guys,

I am at the middle of my web2.0 application and everything was working fine, until I updated my version of Safari (PC) from 3.0 to 3.0.4

Application allows people to build there own htmls/ajax/javascript modules. When the page of the application is being rendered users code appears in the body of the page. Its fine for JS but not for CSS so I was moving CSS into the header

var children = frm.getElementsByTagName('style');
var len = children.length; 
obj.css = [];    
for(var i=0;i<len;i++) {            
  obj.css.push(children[0]);
  DH.appendChild(obj.css[i]);                        
}

It is successfully working in FF, IE, Opera, Safari 3, 3.0.3 (MAC&PC) but not in Safari 3.0.4

Any advice? Thank you

I know that safari cannot include an external JS file via either document.write nor element.appendChild; and I suspect that the same thing might be happening to you with CSS.

Edit: found it! Seems like those are safari restrictions.
http://www.howtocreate.co.uk/tutoria...domstylesheets

Currently this is supported according to the DOM standard by Opera 9 and Mozilla/Firefox. It is partially supported by Safari, Konqueror and ICEbrowser, but their support is so bad it is largely unusable.

If you need compatibility with Safari, Konqueror, ICEbrowser, or any browser that does not support DOM Style Sheets (like iCab or Opera 8 or below), then you should ensure that your script does not requre document.styleSheets to be supported, and that if it uses it, it does not produce errors when something fails in one of these browsers.

Okay here is what I do I have an xml that contains

<xml >
<some html>
<script>
blalbalbalba.
</script>
<style>
.styles {}
</style>
<some html>
</xml>

this XML is loaded and inserted into the page, as page.appendChild();

the problem is that it has some styles, and they do not work in Safari in case they inserted into the body not in the head.
SO after I insert I move style tags into the had as head.appendCHild(css) it was working in Safari 3.0.3 and < but 3.0.4 its stopped working

I tlooks like you have hit a bug of the browser to me, or that the bug was that it worked before, I don't know.

Try to fill a bug report, and see what the webkit team answer is:
http://webkit.org/quality/reporting.html

Originally Posted by tripy

I tlooks like you have hit a bug of the browser to me, or that the bug was that it worked before, I don't know.

Try to fill a bug report, and see what the webkit team answer is:
http://webkit.org/quality/reporting.html

Will do thanks a lot,

do u know any DOM Inspector for Safari so I can see the actual DOM structure as Firebug shows me? I installed http://nightly.webkit.org but it give me only error console.

Thanks

Sadly not...
I believe webkit had one [ http://webkit.org/blog/41/introducin...web-inspector/ ] but I only have access to an old OSX PPC, for which the actual builds are incompatible, so I could not test it.

It would have made my js debugging easier thought...

Thanks a lot for the useful links

by the way I just solved my problem, in case of the Safari I had to manually re-create style tag, works perfecto in any version of safari

var children = frm.getElementsByTagName('style');
        var len = children.length; 
        obj.css = [];    
        for(var i=0;i<len;i++) {    
            if(this._isSafari()) {
                obj.css.push(this._insertDOM(DH, {objType: 'style', type: 'text/css', text: children[0].innerHTML}, 'insertinto'));
                this.RemoveDOM(children[0]);
            } else {
                obj.css.push(children[0]);
                DH.appendChild(obj.css[i]);    
            }        
        }