JavaScript - Get The Height Of The Container Dynamically

I have a container that has <li> items in it and in order to expand them you hit the + sign to smoothly expand the content under that header. My problem is that I want the header and the + to be on the same line and to not be appended to the <li> items when they are expanded.

Right now the read more button(expand button) ends up at the bottom when it is clicked because of the list items expanding. Here is my js for that section, and the css for the read more button.

Code:

// auto-add-in 'read more' hooks after 4 bullet points
	$("#att_container ul").each(function() {
		var elem = $(this); 
		// break up list into separate lists, more than 4 is toggle_container
		if ( elem.children("li").length > 0 )
		{
			
			elem.after('<ul class="toggle_container">');            // add hidden container after current element
			var hiddenContainer = elem.next(".toggle_container");   // save a reference to it
			elem.children("li").slice(0).appendTo(hiddenContainer); // move the children past the limit
			hiddenContainer.after('<p class="trigger"><a href="#">&nbsp;</a></p>'); // read more button
		}
	});

	//Hide (Collapse) the toggle containers on load
	$(".toggle_container").hide(); 
	
	//Switch the "Open" and "Close" state per click
	$("p.trigger").toggle(function(){
		$(this).addClass("active");
		}, function () {
		$(this).removeClass("active");
	});
	//Slide up and down on click
	$("p.trigger").click(function(){
		$(this).prev(".toggle_container").slideToggle("slow");
	});
	
	
	// Expand and Collapse All
	$(".expand").click(function(){
		$("p.trigger").addClass("active").prev(".toggle_container").slideDown("slow");
	});
	$(".collapse").click(function(){
		$("p.trigger").removeClass("active").prev(".toggle_container").slideUp("slow");
	});
	
});

Here is the css for the read more button

Code:

#att_container p.trigger a {
	display:block;
	float:right;
	width: 76px;
	height: 19px;
	margin: 0;
	padding: 0;
	background: url(../images/readmore_att.jpg) top left no-repeat;
}
#att_container p.active a {
	background: url(../images/readmore_att.jpg) bottom left no-repeat;
}

Hey guys. I've been trying to figure this out now for the past 9 hours and I have no idea what I'm doing...lol

Ok, I have images inside of a container that is inside of an iframe. When I click on an image, content underneath is revealed by sliding everything underneath it down. The problem I have is that when it slides the content down, all the other images and content are cut off. I want it that when the content extends past the height of the div#container, it autoresizes, if that's possible. But I don't wanna use the iframe scrollbar. Only the parent scrollbar.

Here's a link for the entire code of the Website. Open up index.html, click on Salvation and click on one or two of the images, and you'll see what I'm talking about. The salvation.html is the source for the iframe.

http://www.mediafire.com/?zqzym4iniyd

Thanks so much for your help!

Hi all

Ive basically 3 php scripts:

-one that writes an xml file from a directory of image files
-one that creates a thumbnail from a jpeg file resizes it and puts a little drop shadow on the thumbnail
-one that reads the xml file and outputs the html code

so all is good a little old school, but it works, I get a page of thumbnails in whatever form I want with links.
Ive attached a lightbox script I found to open the thumbnails and thats ok.

What I would like to do is target the images to a container inside a div tag using jquery, maybe even fade the image in something fancy. but Id be happy with the basics. Just click on the thumbnail show it in the adjacent container. (dont have a container yet thats what i need some help with with)

I'm doing my best going through various tutorials and the chm file learning as I go
here is the test page that outputs the thumbnails:
http://www.eagleview.ca/newsite/cont...om=0&pageto=12

any help is appreciated
william

Hola,

I have a problem where I have a number of random set of elements that have a fixed rule for class name. I want to move them to a container element according to this class name.

So for example the site generates
Code:

<p class="dog-1"></p>
<p class="dog-2"></p>
<p class="cat-1"></p>
<p class="dog-3"></p>

My output would be ideally
Code:

<div class="dog">
   <p class="dog-1"></p>
   <p class="dog-2"></p>
   <p class="dog-3"></p>
</div>

<div class="cat">
   <p class="cat-1"></p>
</div>

When searching for a solution, all I could find was simple ordering of elements according to class...
Thanks

Greetings,

I am looking for either a JavaScript or Coldfusion solution to the following problem. First, there are over 60 million product photos so downloading and resizing the photos using Coldfusion would be very tedious.

I would like the display an image within a 100 x 100 pixel container.

If the height or width of the image is great than 100 pixels, the image should reduce in size to fit within the 100 x 100 pixel container.

I want to avoid pixelation of the images as much as possible.

All images are external and not on the local server so I only have an image URL.

I would like to hide all images until they are resized appropriately.

Does anybody know of a piece of javascript code that can do something similar to this?

Sincerely,
Travis Walters

I am doing a project and I have a problem. I have retrieved data from a json file using ajax and the xmlhttprequest, but I am not able to put the content I retrieve into the dojo content pane. The content pane is inside a border container.

I have tried the following, but it does not work. The HTMLPage4.html has the json data inside.
please help me really urgent to me!!!!!!!as soon as possible

Code:

function getInfoContent(graphic) 
{
function ajaxRequests() 
{
var activexmodes = ["Msxml2.XMLHTTP", "Microsoft.XMLHTTP"] //activeX versions to check for in IE
if (window.ActiveXObject) { //Test for support for ActiveXObject in IE first (as XMLHttpRequest in IE7 is broken)
for (var i = 0; i < activexmodes.length; i++) {
try {
return new ActiveXObject(activexmodes[i])
}
catch (e) {
//suppress error
}
}
}
else if (window.XMLHttpRequest) // if Mozilla, Safari etc
return new XMLHttpRequest()
else
return false
}
 
var mygetrequests = new ajaxRequests()
mygetrequests.onreadystatechange = function() {
if (mygetrequests.readyState == 4) {
if (mygetrequests.status == 200 || window.location.href.indexOf("http") == -1) {
var bookss = eval("(" + mygetrequests.responseText + ")") //retrieve result as an JavaScript object
var rssent = bookss.infos.info
for (var i = 0; i < rssent.length; i++) {
 
// alert(mygetrequests.responseText);
var placeImg = ""
var txt = ""
// placeImg += rssent[i].descImg
txt += rssent[i].desc
var shorttxt = ""
shorttxt += txt.substring(0, 30);
var bc = new dijit.layout.BorderContainer({ style: "font-size: 11pt; height: 574px; width:739px; border:0px;" });
var c1 = new dijit.layout.ContentPane({
 
region: "top",
style: "height: 11.5%; width: 100%; color: black; background-color: transparent; border:0px;",
content: "<table><div id = \"mydiv\">" + shorttxt + "<font color = '#0000FF' size = '1'><a onclick='showmore();'><u> More...</u></a></div></td></table>"
});
bc.addChild(c1);
}
 
}
else {
alert("An error has occured making the request")
}
}
return bc.domNode;
}
mygetrequests.open("GET", "HTMLPage4.htm", true)
mygetrequests.send(null)
}

note: this is not homework

Hi all,

Currently I am doing this:

Code:

var e = document.getElementById('id');
e.style.color = '#ff0000';
e.style.fontFamily = 'sans-serif';
e.innerHTML = time;
...blah blah...

What I'm actually doing is inserting the current time into an existing DIV and updating it every second. THAT all works.

What I want to do is also set an event for that div.... something like this:

e.event.onclick = 'runThisCode()';


Of course, the above doesn't work... and I'm not even sure what to ask for doing a Google search... because I get no hits (or maybe it's not possible).

So, is it possible, and if so, how?

Thanks!

-- Roger

p.s. I really don't want to edit the code itself (where that div is) because it's part of another app that may change as they update it and I don't want to have to re-patch every new release.

hello,

I'm trying to load the ads on my site dynamically and have ran into an issue and was hoping for some help.

First - I can get the ads to load using vanilla javascript with the code below.

Code:

    var ifrm = document.createElement("iframe");
    ifrm.setAttribute("src", OAS_url + "adstream_sx.ads/" +sitePage + "/" + uniqid() + "@" + pos);
    var ifrmId = "ifrm_" + uniqid();
    ifrm.setAttribute("id", ifrmId);
    ifrm.setAttribute("marginwidth", 0);
    ifrm.setAttribute("marginheight", 0);
    ifrm.setAttribute("frameborder", 0);
    ifrm.setAttribute("scrolling", 0);
    ifrm.setAttribute("height", container.scrollHeight + (container.offsetHeight - container.clientHeight));
    ifrm.setAttribute("width", container.scrollWidth + (container.offsetWidth - container.clientWidth));
  

    container.appendChild(ifrm);

But since the site is using jquery I wanted to develop it out that way. So I have the following code,

Code:

iRandom = oas.uniqid();
sAdURL = opt.url + 'adstream_mjx.ads/' + opt.sitepage + '/1' + iRandom + '@' + sPos + '?' + opt.query;

						
$('<iframe />', {
  src: sAdURL,
  id:   sPos
}).appendTo(thisAd);

I figured the reason this isn't working is the difference between appendChild and appendTo and the fact that things are jquery objects.

So again the top code block renders the ads and the lower code block just shows the javascript code from the ad provider. Any help to get this to work in jquery would be grateful.

Thanks

Hi Guys, I am using the following bit of code to toggle information inside a webpage. Is there a way i can make this code more dynamic so that i do not have to use the next() function to initiate slidetoggle()?

I would like to have it so i can pass an ID through to the function and it will then toggle my box but i can't figure it out. Javascript is not my strong suite.

Here the function
Code:

function initMenu() {
  //$('.items_wrapper').hide();//object to be hidden
  $('.headline').click(//object to be clicked
    function() {
        $(this).next().slideToggle('slow');	
		//alert("doesn't work");
      }
    );
  }
$(document).ready(function() {initMenu();});

I would like to create a link inside .headline such as .ViewItems

If you need to see the code let me know and i will post it.

--EDIT--
Right Now my code is like this and you click headline
Code:

<div class='headline'></div>
<div class='items_wrapper'>
</div>

I would like it work with an internal element like this, so i can't use next()
Code:

<div class='headline'><div class='selector'>Click Here</div></div>
<div class='items_wrapper'>
</div>

Thanks in advance.

ok i have a script which will make a copy of the html in a div and place it into another div the problem with this it creates a duplicate element with the same id so what i want to know is can i create a new id based off old ids using a generic type script

Code:

function scope(e)
{
var popin = document.getElementById('popin');
popin.innerHTML = "<div class='container'>"+e.innerHTML+"</div>";
popin.style.display = "block";
}

this code is designed for taking content in a small div and placing it into a larger div to increase the viewing area

so what i would need is sumthing that can look for
Code:

id="sum text"

and maybe amend it to
Code:

id="sum textP"

or sumthing to that extent if sum1 could point me in the right direction that would be great if my post is not clear enough just ask me to be more specific or sumthing and i will see what i can do to try and make it more clear if needed

Hi everyone,

i thought about following code snippet:

Code:

var newfunc = function() {
    //...
}

func = (function (oldfunc,newfunc) {
		return function () {
		       oldfunc();
		       newfunc();
		}
	}(func || function(){},newfunc))

There is a function "func" and with the above method i want to add a new function "newfunc" to this function, so when i call "func" in the futur, both functions will be executed. It works good, but suppose i want to add multiple functions to func, each time with the described method...could there be a problem with the stack? As far as i understand, the program creates something like a wrapper-function each time, that contains the two functions it combines. So in the case of adding 3 functions, a call of "func" would lead to this:
call "wrapper 2", call "wrapper 1", call func1, call func2, call func3, call func 4.
The really poor graphic should illustrate what i mean

__________
F1|....|....|
__|W1|....|
F2|....|....|
__|___|W2|
...|F3 |....|
...|___|___|
..........| F4|
..........|___|

Has anyone an idea, if my thoughts on that are correct oder if this behaviour could be a problem?
And is there probably a better way to combine functions, so that all functions would be in one column?

Thanks and Greetings!
moon-safari

Hi,

I have the following function to dynamically create an image (in this case a toolbox button):

Code:

function createButton(srcid,bttn)
{
 if (bttn=='mag') {s='Magnify';h='Magnify';o='DoZoom(event,\'0\',\''+srcid+'\')';}
 if (bttn=='frz') {s='Pause';h='Freeze/Unfreeze';o='setPicture(\''+srcid+'\',0)';}
 if (bttn=='swp') {s='Swap';h='Swap maps';o='setPicture(\''+srcid+'\',2)';}
 btn=document.createElement('img');
 btn.setAttribute('src','toolbox/'+s+'.gif');
 btn.setAttribute('width','16px');
 btn.setAttribute('height','16px');
 btn.setAttribute('id',bttn+'btn_'+srcid);
 btn.setAttribute('class','button');
 btn.setAttribute('name','Toolbox');
 btn.setAttribute('title',h);
 btn.setAttribute('onclick',o);
 document.getElementById('ctrlDiv').appendChild(btn);
}

which works fine in IE8 and IE9, but in IE7 it refuses to pick up the style 'button'. I've even tried putting in btn.class='button' but JS throws up an error.
If I specify the style by btn.style.position='Absolute' it picks this up OK. However, it won't respond to the onclick event either.
I have heard that setAttribute is buggy with IE7, which is why I tried to specify each attribute directly.

The style sheet for class button is:
Code:

.button
{
 position: absolute;
 left: 5;
 top: 5;
 z-index: 1;
}

(BTW, no link to a website as this is local on my machine atm)

TIA,

Gerald.

I need help, please. How would you write javascript code to check (add tick mark) the checkbox in the below code snippet based on a condition? I have tried using the structu if(x) {document.form.name.checked=true;} but it did not work. I think the checkbox name format below, is a problem. This is all done client-side. Anyone know how to do this? Thanks for any help.
Jman

Quote:
<TABLE

id= sec1_sec2_area
border=0>
<TBODY>
<TR>
<TD><INPUT
id= sec1_sec2_area_0
type=checkbox
name= sec1:sec2:area:0><LABEL
for= sec1_sec2_area_0>Colors </LABEL></TD></TR>
<TR>
<TD><INPUT
id= sec1_sec2_area_1
type=checkbox
name= sec1:sec2:area:1><LABEL
for= sec1_sec2_area_1>Size </LABEL></TD></TR>


</TBODY></TABLE>

I have an input box "product" besides it there is an add input button which adds another input box product upon clicking.This array of input boxes I have created is through document.createElement('input').

My autocomplete is working for the initial input box....now when I click add Input button for the generated box also the autocomplete shld work...how do I make it work??

PS:Autocomplete script is working so I didnt post it here.... I just want it to make it working dynamically created i/p boxes

Hellooo. So I'm having trouble figuring out how to dynamically add another set of rows to a table when a button is clicked. The code below shows what goes into one set. When the button is clicked, it needs to create another three rows with the same format as the code below, but the variable names need to show what row they're on so I can easily call the values that have been inputed in another function that saves the information. Sooo for example the first variable, bhrs1-1 needs to become bhrs4-1 in the next set (because there's already a bhrs2-1 and bhrs3-1 in this set, which would become bhrs5-1 and bhrs6-1 in the new set).


Sorry the code's so long! Help would be greatly appreciated. Thanksss!!


Code:

<TBODY>
	<INPUT TYPE=HIDDEN id=bhrs1-1 name=bhrs1-1><INPUT TYPE=HIDDEN id=comment1-1 name=comment1-1>
	<INPUT TYPE=HIDDEN id=bhrs1-2 name=bhrs1-2><INPUT TYPE=HIDDEN id=comment1-2 name=comment1-2>
	<INPUT TYPE=HIDDEN id=bhrs1-3 name=bhrs1-3><INPUT TYPE=HIDDEN id=comment1-3 name=comment1-3>
	<INPUT TYPE=HIDDEN id=bhrs1-4 name=bhrs1-4><INPUT TYPE=HIDDEN id=comment1-4 name=comment1-4>
	<INPUT TYPE=HIDDEN id=bhrs1-5 name=bhrs1-5><INPUT TYPE=HIDDEN id=comment1-5 name=comment1-5>
	<INPUT TYPE=HIDDEN id=bhrs1-6 name=bhrs1-6><INPUT TYPE=HIDDEN id=comment1-6 name=comment1-6>
	<INPUT TYPE=HIDDEN id=bhrs1-7 name=bhrs1-7><INPUT TYPE=HIDDEN id=comment1-7 name=comment1-7>
			<TR>
				<TD HEIGHT=20 SDVAL="1" SDNUM="1033;1033;#,##0_);[RED](#,##0)">
					<SELECT style="width:500px;" name=project_id1 size=1 onChange='onProjectChanged(1);'>
					<?
					//
					// Load Projects
					//
					// $sresults = mysql_query("SELECT project_id, project, billable_rate, customer_id, Customer.CustomerName FROM Project LEFT OUTER JOIN Customer ON Project.customer_id=Customer.customer_id WHERE status_id='active' ORDER BY project");

					$sresults = mysql_query("SELECT project_id, project, billable_rate, Project.customer_id, CostCenter.DisplayNameShort FROM Project LEFT OUTER JOIN CostCenter ON Project.customer_id=CostCenter.customer_id WHERE status_id='active' ORDER BY customer_id,CostCenter.DisplayNameShort,project");
					// $srate = 0;
					print "<OPTION value='0'>--</OPTION>\n";
					while($arow = mysql_fetch_assoc($sresults))
					{
						// $srate = $arow["billable_rate"];
						print "<OPTION value=\"" . $arow["project_id"] . "\">" . substr($arow["DisplayNameShort"], 0, 15) . ": " . $arow["project"] . "</OPTION>\n";
					}
					// print "\n</SELECT>Billable Rate: <INPUT name=billable_rate value=\"" . $srate . "\" size=10 DISABLED></TD>\n";
					?>	
				</TD>
				<TD>
					<SELECT name=task11 size=1 style="width:220px;" onChange='onTaskChange(1);'>
					<?
					print "<OPTION value='0'>--</OPTION>\n";
					print "<OPTION value='1'>Sales Support</OPTION>\n";
					print "<OPTION value='2'>Project Management</OPTION>\n";
					print "<OPTION value='3'>Discovery and Requirements Documentation</OPTION>\n";
					print "<OPTION value='4'>Analysis and Design</OPTION>\n";
					print "<OPTION value='5'>Coding, Unit Testing, Infrastructure Changes</OPTION>\n";
					print "<OPTION value='6'>QA, Planning, System Testing</OPTION>\n";
					print "<OPTION value='7'>User Acceptance Testing</OPTION>\n";
					print "<OPTION value='8'>User Documentation and Training</OPTION>\n";
					print "<OPTION value='9'>Launch</OPTION>\n";
					print "<OPTION value='10'>Maintenance, Support, Account Management</OPTION>\n";
					?>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-1 name=hrs1-1 size=2 maxlength=2 onFocus='onCellFocus(1,1);' onChange='calcRowTotal(1,1);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-2 name=hrs1-2 size=2 maxlength=2 onFocus='onCellFocus(1,2);' onChange='calcRowTotal(1,2);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-3 name=hrs1-3 size=2 maxlength=2 onFocus='onCellFocus(1,3);' onChange='calcRowTotal(1,3);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-4 name=hrs1-4 size=2 maxlength=2 onFocus='onCellFocus(1,4);' onChange='calcRowTotal(1,4);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-5 name=hrs1-5 size=2 maxlength=2 onFocus='onCellFocus(1,5);' onChange='calcRowTotal(1,5);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-6 name=hrs1-6 size=2 maxlength=2 onFocus='onCellFocus(1,6);' onChange='calcRowTotal(1,6);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs1-7 name=hrs1-7 size=2 maxlength=2 onFocus='onCellFocus(1,7);' onChange='calcRowTotal(1,7);'><BR>
					</P>
				</TD>
				<TD BGCOLOR="#ffff99" SDVAL="0" SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><FONT SIZE=3><B><INPUT id=task1total size=2 maxlength=4 DISABLED></B></FONT>
					</P>
				</TD>
			</TR>

	<INPUT TYPE=HIDDEN id=bhrs2-1 name=bhrs2-1><INPUT TYPE=HIDDEN id=comment2-1 name=comment2-1>
	<INPUT TYPE=HIDDEN id=bhrs2-2 name=bhrs2-2><INPUT TYPE=HIDDEN id=comment2-2 name=comment2-2>
	<INPUT TYPE=HIDDEN id=bhrs2-3 name=bhrs2-3><INPUT TYPE=HIDDEN id=comment2-3 name=comment2-3>
	<INPUT TYPE=HIDDEN id=bhrs2-4 name=bhrs2-4><INPUT TYPE=HIDDEN id=comment2-4 name=comment2-4>
	<INPUT TYPE=HIDDEN id=bhrs2-5 name=bhrs2-5><INPUT TYPE=HIDDEN id=comment2-5 name=comment2-5>
	<INPUT TYPE=HIDDEN id=bhrs2-6 name=bhrs2-6><INPUT TYPE=HIDDEN id=comment2-6 name=comment2-6>
	<INPUT TYPE=HIDDEN id=bhrs2-7 name=bhrs2-7><INPUT TYPE=HIDDEN id=comment2-7 name=comment2-7>
			<TR>
				<TD HEIGHT=20 SDVAL="2" SDNUM="1033;1033;#,##0_);[RED](#,##0)">
					<INPUT name=remove1 value=Remove type=button onClick='removeProject(1);'>
				</TD>
				<TD>
					<SELECT name=task12 size=1 style="width:220px;" onChange='onTaskChange(2);'>
					<?
						print "<OPTION value='0'>--</OPTION>\n";
						print "<OPTION value='1'>Sales Support</OPTION>\n";
						print "<OPTION value='2'>Project Management</OPTION>\n";
						print "<OPTION value='3'>Discovery and Requirements Documentation</OPTION>\n";
						print "<OPTION value='4'>Analysis and Design</OPTION>\n";
						print "<OPTION value='5'>Coding, Unit Testing, Infrastructure Changes</OPTION>\n";
						print "<OPTION value='6'>QA, Planning, System Testing</OPTION>\n";
						print "<OPTION value='7'>User Acceptance Testing</OPTION>\n";
						print "<OPTION value='8'>User Documentation and Training</OPTION>\n";
						print "<OPTION value='9'>Launch</OPTION>\n";
						print "<OPTION value='10'>Maintenance, Support, Account Management</OPTION>\n";
					?>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-1 name=hrs2-1 size=2 maxlength=2 onFocus='onCellFocus(2,1);' onChange='calcRowTotal(2,1);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-2 name=hrs2-2 size=2 maxlength=2 onFocus='onCellFocus(2,2);' onChange='calcRowTotal(2,2);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-3 name=hrs2-3 size=2 maxlength=2 onFocus='onCellFocus(2,3);' onChange='calcRowTotal(2,3);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-4 name=hrs2-4 size=2 maxlength=2 onFocus='onCellFocus(2,4);' onChange='calcRowTotal(2,4);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-5 name=hrs2-5 size=2 maxlength=2 onFocus='onCellFocus(2,5);' onChange='calcRowTotal(2,5);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-6 name=hrs2-6 size=2 maxlength=2 onFocus='onCellFocus(2,6);' onChange='calcRowTotal(2,6);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs2-7 name=hrs2-7 size=2 maxlength=2 onFocus='onCellFocus(2,7);' onChange='calcRowTotal(2,7);'><BR>
					</P>
				</TD>
				<TD BGCOLOR="#ffff99" SDVAL="0" SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><FONT SIZE=3><B><INPUT id=task2total size=2 maxlength=4 DISABLED></B></FONT>
					</P>
				</TD>
			</TR>

	<INPUT TYPE=HIDDEN id=bhrs3-1 name=bhrs3-1><INPUT TYPE=HIDDEN id=comment3-1 name=comment3-1>
	<INPUT TYPE=HIDDEN id=bhrs3-2 name=bhrs3-2><INPUT TYPE=HIDDEN id=comment3-2 name=comment3-2>
	<INPUT TYPE=HIDDEN id=bhrs3-3 name=bhrs3-3><INPUT TYPE=HIDDEN id=comment3-3 name=comment3-3>
	<INPUT TYPE=HIDDEN id=bhrs3-4 name=bhrs3-4><INPUT TYPE=HIDDEN id=comment3-4 name=comment3-4>
	<INPUT TYPE=HIDDEN id=bhrs3-5 name=bhrs3-5><INPUT TYPE=HIDDEN id=comment3-5 name=comment3-5>
	<INPUT TYPE=HIDDEN id=bhrs3-6 name=bhrs3-6><INPUT TYPE=HIDDEN id=comment3-6 name=comment3-6>
	<INPUT TYPE=HIDDEN id=bhrs3-7 name=bhrs3-7><INPUT TYPE=HIDDEN id=comment3-7 name=comment3-7>
			<TR>
				<TD HEIGHT=20 SDVAL="3" SDNUM="1033;1033;#,##0_);[RED](#,##0)">
					<P><BR>
					</P>
				</TD>
				<TD>
					<SELECT name=task13 size=1 style="width:220px;" onChange='onTaskChange(3);'>
					<?
						print "<OPTION value='0'>--</OPTION>\n";
						print "<OPTION value='1'>Sales Support</OPTION>\n";
						print "<OPTION value='2'>Project Management</OPTION>\n";
						print "<OPTION value='3'>Discovery and Requirements Documentation</OPTION>\n";
						print "<OPTION value='4'>Analysis and Design</OPTION>\n";
						print "<OPTION value='5'>Coding, Unit Testing, Infrastructure Changes</OPTION>\n";
						print "<OPTION value='6'>QA, Planning, System Testing</OPTION>\n";
						print "<OPTION value='7'>User Acceptance Testing</OPTION>\n";
						print "<OPTION value='8'>User Documentation and Training</OPTION>\n";
						print "<OPTION value='9'>Launch</OPTION>\n";
						print "<OPTION value='10'>Maintenance, Support, Account Management</OPTION>\n";
					?>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-1 name=hrs3-1 size=2 maxlength=2 onFocus='onCellFocus(3,1);' onChange='calcRowTotal(3,1);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-2 name=hrs3-2 size=2 maxlength=2 onFocus='onCellFocus(3,2);' onChange='calcRowTotal(3,2);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-3 name=hrs3-3 size=2 maxlength=2 onFocus='onCellFocus(3,3);' onChange='calcRowTotal(3,3);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-4 name=hrs3-4 size=2 maxlength=2 onFocus='onCellFocus(3,4);' onChange='calcRowTotal(3,4);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-5 name=hrs3-5 size=2 maxlength=2 onFocus='onCellFocus(3,5);' onChange='calcRowTotal(3,5);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-6 name=hrs3-6 size=2 maxlength=2 onFocus='onCellFocus(3,6);' onChange='calcRowTotal(3,6);'><BR>
					</P>
				</TD>
				<TD SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><INPUT id=hrs3-7 name=hrs3-7 size=2 maxlength=2 onFocus='onCellFocus(3,7);' onChange='calcRowTotal(3,7);'><BR>
					</P>
				</TD>
				<TD BGCOLOR="#ffff99" SDVAL="0" SDNUM="1033;0;#,##0.0_);[RED]\(#,##0.0\)">
					<P ALIGN=CENTER><FONT SIZE=3><B><INPUT id=task3total size=2 maxlength=4 DISABLED></B></FONT>
					</P>
				</TD>
			</TR>
		</TBODY>