JavaScript - Javascript Won't Fire In Ie7

Hello
I am trying to display an image (url stored in a variable) in an iframe, and write some text (which is also stored in a variable) to a div when the user clicks on another image. (hope that makes sense!)
The image display part works fine, but I cant find out how to make the part of my javascript which writes the text work. My code is below, I think the problem is to do with the OnClick event but I'm not sure. Any help you can offer might save what little hair I have left!
[CODE]
********************************************
This script displays the image in the iframe
<script type="text/javascript">
function fitTable(Jvar)
{
var swidth1= window.innerWidth-230;
var sheight1= window.innerHeight-170;
var swidth2= document.body.clientWidth-200;
var sheight2= document.documentElement.clientHeight-170;
if(window.innerWidth)
{ //checking for browsers that support window.innerWidth
document.getElementById("divone").style.width = swidth1 + "px"
document.getElementById("divone").style.height = sheight1 + "px"
}
else if (document.body.clientWidth)
{ //checking for browsers that support document.body.clientWidth
document.getElementById("divone").style.width = swidth2 + "px"
document.getElementById("divone").style.height = sheight2 + "px"
}
var txt=document.getElementById("divdescr")
txt.innerHTML="Some Content";

}
window.onload=fitTable;
window.onresize=fitTable;
</script>
****************************************
This script writes the text in the div
<script language=javascript>
function swDescrip(Jvar)
{
document.getElementById('divdescr').innerHTML = Jvar;}
</script>
******************************************
This is the ASP code:
<%
RS.MoveFirst
For d = 1 to recs
%>
<div ID=d>
<%
*****************************************************
What I really want is for this bit to display the image in the iframe AND
write the text into the div when I click the image in RS(2)
desc(d) = "<p>" & RS(1) & "</p>"
Response.Write "<A HREF=" & RS(3) & " target='iframe'><img src=" & RS(2) & " width=200 height=120 border=0 onClick = javascript:swDescrip(" & desc(d)) & ") alt='click to display photo' /></a><br>"
******************************************************
%>
This bit works OK if I click it but its not what I want
<a href="javascript:swDescrip('<%= desc(d)%>')">click</a>
*****************************************************
</div/>
<%
d = d+1
RS.MoveNext
Next
%>

Hi all,

Please keep in mind: this is the first code I have ever written -- much of it with help from this forum and the skeleton from other corners of the JS community. Thanks! But now for the problem...

I'm developing am income tax calculator, and everything is going swell. Currently the user can type in their adjusted gross income (AGI), hit submit, and learn the amount of income tax they would pay, their tax rate, and their income after tax.

I've played around with the events to get the submit button to work in FF, IE, Chrome and Safari -- and I've gotten the enter button to work before with some stock code, but here's the catch: when the user presses enter, i want the focus to leave the input box. I don't care where it goes (submit button, I suppose?) but i need it to leave the input field so the onfocus="clearText(this);" event can fire when they return to type in a new income.

Any ideas? Thanks in advance.

Code:

<script language="javascript" type="text/javascript">
function TotalGrossPerYear() {
var Calc = document.NetIncome;
if (Calc.InputRad[0].checked) {
if ((Calc.AGI.value > 500000)) {
Bracket3();
}
if ((Calc.AGI.value > 200000 ) && (Calc.AGI.value <= 500000)) {
Bracket1();
}
if ((Calc.AGI.value <= 200000)) {
Bracket2();
}
}
else
if (Calc.InputRad[1].checked) {
if ((Calc.AGI.value > 1000000)) {
Bracket3();
}
if ((Calc.AGI.value > 400000 ) && (Calc.AGI.value <= 1000000)) {
Bracket1();
}
if ((Calc.AGI.value <= 400000)) {
Bracket2();
}
}
}
function Bracket1() {
var Calc = document.NetIncome;
if (Calc.InputRad[0].checked) {
Calc.TaxableIncome.value = (parseFloat(Calc.AGI.value) - 200000) ;
Calc.AmtDue.value = Math.round((parseFloat(Calc.TaxableIncome.value) * 0.05)) ;
Calc.AmtLeft.value = (parseFloat(Calc.AGI.value) - parseFloat(Calc.AmtDue.value)) ;
Calc.TaxRate.value = (parseFloat(Calc.AmtDue.value) / parseFloat(Calc.AGI.value) * 100).toFixed(2) + " %";
}
else {
if (Calc.InputRad[1].checked) {
Calc.TaxableIncome.value = (parseFloat(Calc.AGI.value) - 400000) ;
Calc.AmtDue.value = Math.round((parseFloat(Calc.TaxableIncome.value) * .05)) ;
Calc.AmtLeft.value = (parseFloat(Calc.AGI.value) - parseFloat(Calc.AmtDue.value)) ;
Calc.TaxRate.value = (parseFloat(Calc.AmtDue.value) / parseFloat(Calc.AGI.value) * 100).toFixed(2) + " %";
}
}
}
function Bracket2() {
var Calc = document.NetIncome;
if (Calc.InputRad[0].checked) {
Calc.TaxableIncome.value = 0 ;
Calc.AmtDue.value = Math.round((parseFloat(Calc.TaxableIncome.value) * 0.05)) ;
Calc.AmtLeft.value = (parseFloat(Calc.AGI.value) - parseFloat(Calc.AmtDue.value)) ;
Calc.TaxRate.value = (parseFloat(Calc.AmtDue.value) / parseFloat(Calc.AGI.value) * 100).toFixed(2) + " %";
}
else {
if (Calc.InputRad[1].checked) {
Calc.TaxableIncome.value = 0 ;
Calc.AmtDue.value = Math.round((parseFloat(Calc.TaxableIncome.value) * 0.05)) ;
Calc.AmtLeft.value = (parseFloat(Calc.AGI.value) - parseFloat(Calc.AmtDue.value)) ;
Calc.TaxRate.value = (parseFloat(Calc.AmtDue.value) / parseFloat(Calc.AGI.value) * 100).toFixed(2) + " %";
}
}
}
function Bracket3() {
var Calc = document.NetIncome;
if (Calc.InputRad[0].checked) {
Calc.TaxableIncome.value = (parseFloat(Calc.AGI.value) - 200000) ;
Calc.AmtDue.value = Math.round((parseFloat(Calc.TaxableIncome.value) - 300000) * 0.09) + (300000 * 0.05) ;
Calc.AmtLeft.value = (parseFloat(Calc.AGI.value) - parseFloat(Calc.AmtDue.value)) ;
Calc.TaxRate.value = (parseFloat(Calc.AmtDue.value) / parseFloat(Calc.AGI.value) * 100).toFixed(2) + " %";
}
else {
if (Calc.InputRad[1].checked) {
Calc.TaxableIncome.value = (parseFloat(Calc.AGI.value) - 400000) ;
Calc.AmtDue.value = Math.round((parseFloat(Calc.TaxableIncome.value) - 600000) * .09) + (600000 * 0.05) ;
Calc.AmtLeft.value = (parseFloat(Calc.AGI.value) - parseFloat(Calc.AmtDue.value)) ;
Calc.TaxRate.value = (parseFloat(Calc.AmtDue.value) / parseFloat(Calc.AGI.value) * 100).toFixed(2) + " %";
}
}
}
function Couple() {
var Calc = document.NetIncome;
Calc.AGI.value = "";
Calc.TaxableIncome.value = "--------";
Calc.AmtDue.value = "--------";
Calc.AmtLeft.value = "--------";
Calc.TaxRate.value = "--------";
}
function Individual() {
var Calc = document.NetIncome;
Calc.AGI.value = "";
Calc.TaxableIncome.value = "--------";
Calc.AmtDue.value = "--------";
Calc.AmtLeft.value = "--------";
Calc.TaxRate.value = "--------";
}
function clearText(thefield){
if (thefield.value==thefield.value)
thefield.value = ""
}
</script>

</head>

and the html...

Code:

<body>
<form name=NetIncome>
<table border=5>
<th align=left>
<ol>
<li>Select Individual or Joint filing status.
<li>Enter your Adjusted Gross Income.
<li>Submit to calculate.
<li>Please reset after each calculation.
</ol>
</th>
<tr>
<td><font size=5><input type=radio name=InputRad value=PerHour onclick="Individual()"><u>Individual</u>
<input type=radio name=InputRad value=PerYear onclick="Couple()"><u>Joint</u></font></td>
</tr>
<tr><td><input type=text name=AGI size=30 id="txtExamplethree" onfocus="clearText(this);" onsubmit="TotalGrossPerYear();" onblur="this.value=this.value.replace(/[^\d\.]/g, '');" value="Select filing status" maxlength="20" />Adjusted Gross Income
</td></tr>
<tr><td><input type=text name=TaxableIncome id="txtExampletwo" readonly="readonly" size=30 value="">Taxable Income</td></tr>
<tr><td><input type=text name=AmtDue id="txtExampleone" size=30 readonly="readonly" value="">Amount Due in Taxes</font></td></tr>
<tr><td><input type=text name=AmtLeft id="txtExample" size=30 readoanly="readonly" value="">Income after Tax</font></td></tr>
<tr><td><input type=text name=TaxRate size=10 readonly="readonly">Tax Rate</td></tr>
<tr><td align=center><input type="button" value="Submit" onfocus="TotalGrossPerYear(); formatNumber(); formatNumberone(); formatNumbertwo(); formatNumberthree();" /><input type=reset value="Reset Form"></td></tr>
</table>
</form>

I'm trying to get a select box to populate onload but can't get it to go. It works fine onchange.
This populates the city select box from my db depending on what state is selected.

Here are the functions:
Code:

function handleOnChange(dd1)
{
  var idx = dd1.selectedIndex;
  var val = dd1[idx].text;
  var par = document.forms["cbcheckedadminForm", "adminForm"];
  var parelmts = par.elements;
  var cb_citysel = parelmts["cb_city"];
  var state = val;
   var directory = ""+document.location;
   directory = directory.substr(0, directory.lastIndexOf('/'));
   Http.get({
        url: "./components/com_helloworld/js/regvalues/" +  state + ".php",
        callback: fillcb_city,
        cache: Http.Cache.Get
    }, [cb_citysel]);
}
function fillcb_city(xmlreply, cb_cityelmt)
{
  if (xmlreply.status == Http.Status.OK)
  {
   var cb_cityresponse = xmlreply.responseText;
   var cb_cityar = cb_cityresponse.split("|");
   cb_cityelmt.length = 1;
   cb_cityelmt.length = cb_cityar.length;
   for (o=1; o < cb_cityar.length; o++)
   {
     cb_cityelmt[o].text = cb_cityar[o];
   }
  }
  else
  {
   alert("Cannot handle the Ajax call.");
  }
}

And here's how I'm trying to do the onload:
Code:

function addLoadEvent(func) { 
	  var oldonload = window.onload; 
	  if (typeof window.onload != 'function') { 
	    window.onload = func; 
	  } else { 
	    window.onload = function() { 
	      if (oldonload) { 
	        oldonload(); 
	      } 
	      func(); 
	    } 
	  } 
	} 
	 
	addLoadEvent(function() { 
	  ajaxFunction(document.getElementById('country').value);
	}); 
	addLoadEvent(function() {
	  setupDependencies('cbcheckedadminForm', 'adminForm', 'locationsearch');
    });
	addLoadEvent(function() {
	  handleOnChange(dd1);
    });
	addLoadEvent(function() {
	  fillcb_city(xmlreply, cb_cityelmt);
    });

I've tried variations of handleOnChange(cb_state), handleOnChange(document.getElementById('cb_state'), handleOnChange(ydntuwrkupceofcrp), I've tried chaining the 2 functions together, but nothing I do seems to get this to work.
What am I missing here?

I am registering the ondrag event handler on mousedown event as follows:

td.addEventListener("drag", MyMethodName, false);

But the drag event fires only if I select the entrie Td with mouse and not when right click over td and try to drag.

My browser is mozila.

Any ideas on this one?

How can we fire/invoke ondragstart diagrammatically in Mozilla?