Hi again, That was definitely one of the problems, thanks very much. Unfortunately IE still wants to make my life miserable as much as possible, the dirty bastard. Here's the new error that makes no sense to me:
Webpage error details User Agent: Mozilla/4.0 (compatible; MSIE 8.0; Windows NT 6.0; WOW64; Trident/4.0; SLCC1; .NET CLR 2.0.50727; Media Center PC 5.0; .NET CLR 3.5.30729; .NET CLR 3.0.30729) Timestamp: Sun, 11 Apr 2010 00:46:41 UTC Message: Object doesn't support this property or method Line: 18 Char: 3 Code: 0 URI: http://[redacted]/newsite/js/tabber.js Here's tabber.js: /* * Borrows heavily (mostly? [entirely?]) from Fabtabulous: * http://tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/ */ var AjaxTabber = Class.create({ initialize: function(ele) { var ele = $(ele); this.menu = $A(ele.getElementsByTagName('li')); this.menu.each(this.setupTab.bind(this)); var selected = this.menu.detect(function(elm) { return (elm.hasClassName('selected')); }); this.show(selected); }, setupTab: function(element) { element.observe('click', this.activate.bindAsEventListener(this)); }, activate: function(ev) { var elm = Event.findElement(ev, 'li'); Event.stop(ev); this.show(elm); this.menu.without(elm).each(this.hide.bind(this)); }, hide: function(elm) { $(elm).removeClassName('selected'); }, show: function(elm) { $(elm).addClassName('selected'); var link = elm.down('a').readAttribute('href'); link = 'ajax/' + link; $('centercontent').update('<div style="text-align:center"><img src="images/ajax-loader.gif"></div>'); new Ajax.Updater('centercontent', link, {evalScripts: 'true', method: 'post'}); } }); So the error is on the element.observe call in setupTab. But that looks fine to me... anyone kind enough to clue me in? Cheers, Junk On Apr 9, 11:39 pm, "T.J. Crowder" <[email protected]> wrote: > Hi, > > > Basically my js works fine in FF, IE8, and safari, but completely > > fails in IE6. The relevant source is below: > > Nothing jumped out in the source (but then, there was virtually no > source to look at! :-) ), but usually this means you have a dangling > comma somewhere, like this: > > var AjaxTabber = Class.create({ > > initialize: function() { > // ... > }, > > nifty: function() { > // ... > }, > > spiffy: function() { > // ... > }, // <==== The problem is here > > }); > > Most JavaScript implementations are fine with that, but IE6 and 7 > choke on it (IE8 is fine). (The same is true of array literals.) I > *think* I read something from someone saying the new standard (5th > edition) says it should be supported (but don't quote me, I haven't > found that part of the spec yet) which may account for it being > supported in the new JScript engine in IE8, as Microsoft are much more > engaged than they've been in a decade. > > Anyway, that's usually what causes this sort of thing, although the > error is usually "Expected identifier, string, or number". If you > don't find any of those, you'll probably have to post more code. > > HTH, > -- > T.J. Crowder > Independent Software Consultant > tj / crowder software / comwww.crowdersoftware.com > > On Apr 10, 1:38 am, Junkshops <[email protected]> wrote: > > > Hi all, > > > I'm very much a prototype/js newb and I'm working on my first site. > > I've searched around for an answer to this question but apparently my > > google-fu is weak. Hopefully someone here might be able to point me in > > the right direction. > > > Basically my js works fine in FF, IE8, and safari, but completely > > fails in IE6. The relevant source is below: > > > main html file header: > > <script type="text/javascript" src="js/prototype.js"></script> > > <script type="text/javascript" src="js/tabber.js"></script> > > <script type="text/javascript" src="swfobject.js"></script> > > <script type="text/javascript" src="js/scriptaculous.js? > > load=effects,builder"></script> > > <script type="text/javascript" src="js/lightbox.js"></script> > > <script type="text/javascript" src="js/initSite.js"></script> > > > tabber.js: > > /* > > * Borrows heavily (mostly? [entirely?]) from Fabtabulous: > > *http://tetlaw.id.au/view/blog/fabtabulous-simple-tabs-using-prototype/ > > */ > > > var AjaxTabber = Class.create({ > > //class code here > > > }); > > > initSite.js: > > document.observe('dom:loaded', function() { > > new AjaxTabber('tablist'); > > //more irrelevant code here > > > }); > > > When I enable debugging in IE6 and load the site I get the following > > error in a popup dialog: "Line 3, Char 2. Error: 'AjaxTabber' is > > undefined. Code: 0". Curiously the line number given for the error > > doesn't match the location of the AjaxTabber text in either of the > > files above, but those two places are the only places in the codebase > > where that text appears. > > > AjaxTabber clearly is defined earlier in the js load sequence, so I > > don't understand what's wrong. If anyone can offer me any advice I'd > > appreciate it. > > > One final comment: This project has taught me how to hate. IE, > > specifically. > > > Cheers, > > Junk -- You received this message because you are subscribed to the Google Groups "Prototype & script.aculo.us" group. To post to this group, send email to [email protected]. To unsubscribe from this group, send email to [email protected]. For more options, visit this group at http://groups.google.com/group/prototype-scriptaculous?hl=en.
