DZone Snippets: ie6 code

internet explorer - operation aborted - mootools

indiehead (John) — Wed, 13 Aug 2008 09:39:11 GMT

http://clientside.cnet.com/code-snippets/manipulating-the-dom/ie-and-operation-aborted/

move mootools loader into head section as you're probably trying to fire a function before the library is loaded, loads head first then body in ie6

JavaScript Fill Textarea from HTML Select not working with FireFox or Opera but does in IE6

mstram (Mike Stramba) — Fri, 24 Aug 2007 23:38:44 GMT

//
// Fill textarea with keywords from HTML Select element
//

This code DOES work in I.E6 (on my machine (XP pro), but doesn't work in Firefox 2.0.0.4 or Opera 9.0.2

The idea is to be able to either type in the text area directly or choose from a list of saved words in the select box. When a new choice is made from the select, it automatically gets inserted into the text area.

With Firefox , when the page is first loaded, I can choose from the select control and it works until I type something in the text area, and then it stops working.

With Opera 9.02, the select control doesn't work at all.

IE6, works fine.

Any hints tips, appreciated, as I'm a novice with javascript / DOM programming.

I quite possibly am not using the most correct / efficient document.XXX calls here.

Mike

You can test it at http://mstramba.com/fb5.html

///////////////







  

  











 

 



 Type some text or choose words from the select control

Dom created - cant attach event

iogan18tm (Iogan) — Sun, 25 Mar 2007 11:41:12 GMT

// description of your code here





function yearAdd(){

    $.log("add");

}





dayDel = function dayDel(t){

    $.log(this);

    $.log(t.target);

    $.log('del');

}





$(document).ready(function(){

    var b = $("x").click(dayDel);

    $("div.day").append(b);

//   b = $("+").click(yearAdd)

//    $("div.year center").append(b);

});

Fix table width weirdness in IE6

ahoyhere (Amy Hoy) — Fri, 22 Apr 2005 04:48:45 GMT

If you have a table with rowspans and colspans, it's especially likely that IE6 will begin to ignore your width settings (even if they all add up to the right number) and create a monster table that spreads off into the distance. If your tables work perfectly in FF/Safari/etc, and in IE6 your content is positioned properly but the invisible elements of the table (visible only with borders on) extends to the side so that you get a horizontal scroll bar no matter what you do, you might want to try this drastic CSS tweak:



html {

    overflow-y: hidden;

}

If that doesn't work, try it in body:



body {

    overflow-y: hidden;

}

Note that this is somewhat hackish, as a last resort if you *know* your tables are *fine* and IE6 is screwing up, and that overflow-x/y are IE6-only and not real CSS.