[Resolved] Quick Javascript help needed

steveau · Mar 27, 2009

Quick Javascript help needed

Following show/hide code works in Firefox but not IE. It hides everything and then shows the selected option:

JAVA -->

function toggle_visibility(id) {
var e = document.getElementById(id);
if(e.style.display == 'block')
e.style.display = 'none';
else
e.style.display = 'block';
}

function toggle_invisibility(id) {
var e = document.getElementById(id);
e.style.display = 'none';
}

ONCLICK -->

<option onclick="toggle_invisibility('1);toggle_invisibility('2');toggle_visibility('1');">Option 1</option>

DIV-->

<div id="1" style="display:none;">
<p>Test</p>
</div>

Thanks in advance for any help!

Jim_ · Mar 27, 2009

<option onclick="toggle_invisibility('1');toggle_invisibility('2');toggle_visibility('1');">Option 1</option>

Looks like you're missing a quote.

steveau · Mar 27, 2009

Sorry, just a typo. Any idea of why it wouldn't work in IE... but why it works flawlessly in Firefox?

Jim_ · Mar 27, 2009

My bad. Was looking for an easy fix.

The problem here is that you're trying to add events to a drop down option. IE doesn't support this. Instead, what you should do is only add code to your <select> tag.

ex:

Code:

<script language="javascript">
function toggle(x)
{
var mydivids = new Array("1", "2");

for (i = 0; i < mydivids.length; i++)
  document.getElementById(mydivids[i]).style.display = 'none';

document.getElementById(mydivids[x]).style.display = 'block';
}
</script>

<select onchange="toggle(this.selectedIndex);">
  <option>1</option>
  <option>2</option>
</select>

steveau · Mar 27, 2009

Thanks heaps Jim, didn't know that.

Though how would I make it work considering each option has a different onclick action, i.e.:

<option onclick="toggle_invisibility('1');toggle_invisibility('2');toggle_visibility('1'); ">Option 1</option>
<option onclick="toggle_invisibility('1');toggle_invisibility('2');toggle_visibility('2'); ">Option 2</option>

-NC- · Mar 27, 2009

Jim kinda already gave you the best answer, but maybe this will help to make it clearer:
The selectedIndex is passed to the function. So you can tell which option is selected and code accordingly.

Code:

<script language="javascript">
function toggle(selectedOption)
{

toggle_invisibility('1');
toggle_invisibility('2');

if( selectedOption == 0)
{
 toggle_visibility('1');
}else if( selectedOption == 1 )
{
toggle_visibility('2');
}


}
</script>

<select onchange="toggle(this.selectedIndex);">
  <option>1</option>
  <option>2</option>
</select>

personally, i would have additional show and hide methods:

Code:

<script language="javascript">
function mySelectNameChangeHandler(selectedIndex)
{
hideAll();
showOne(selectedIndex);
}
</script>

steveau · Mar 27, 2009

Thanks NC but I am not talented enough to get this to work.

If anyone is online now that can quickly do this for me for a small fee, PM me and I will send you the website address.

Jim_ · Mar 27, 2009

You should be able to just plug my code example into your page. The only thing you might need to change is the values inside the array. I only put "1" and "2" in there, assuming those are your div names that you're hiding. As long as they are listed there in the same order as your <option> tags, it will hide each one and unhide the div of the option that is selected.

-NC- · Mar 27, 2009

Full working example:

Code:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<title>this premium domain name is for sale</title>

<script language="javascript">
function contentChangeHandler(contentIndex)
{
	if( contentIndex > -1 )
	{
		var mydivids = ['melbourne', 'perth', 'adelaide', 'canberra', 'hobart', 'darwin' ];
		var mydiv;		

		for (var i = 0;  i < mydivids.length; i++)
		{
			mydiv = e(mydivids[i]);
			if( mydiv ) mydiv.style.display = 'none';
		}
		
		e(mydivids[contentIndex]).style.display = 'block';
	}

}

function e(id)
{
	return document.getElementById(id)
}
</script>

<style type="text/css">
body{
	font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif; 
	font-size:12px;
}
p, h1, form, button{border:0; margin:0; padding:0;}
.spacer{clear:both; height:1px;}
/* ----------- My Form ----------- */
.myform{
	margin:0 auto;
	width:400px;
	padding:14px;
}

	/* ----------- blue stylized ----------- */
	#blue{
		border:solid 2px #b7ddf2;
		background:#ebf4fb;
	}
	#blue h1 {
		font-size:14px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#blue p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #b7ddf2;
		padding-bottom:10px;
	}
	#blue label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#blue .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#blue input{
		float:left;
		font-size:12px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#blue select{
		float:left;
		font-size:12px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		padding:4px 2px;
		width:206px;
		margin:2px 0 20px 10px;
	}
	#blue button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}

	/* ----------- green stylized ----------- */
	#green{
		border:solid 2px #80FF00;
		background:#D0F5A9;
	}
	#green h1 {
		font-size:12px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#green p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #80FF00;
		padding-bottom:10px;
	}
	#green label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#green .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#green input{
		float:left;
		font-size:12px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#green button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}


	/* ----------- yellow stylized ----------- */
	#yellow{
		border:solid 2px #F7FE2E;
		background:#F2F5A9;
	}
	#yellow h1 {
		font-size:12px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#yellow p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #F7FE2E;
		padding-bottom:10px;
	}
	#yellow label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#yellow .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#yellow input{
		float:left;
		font-size:12px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#yellow button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}



	/* ----------- orange stylized ----------- */
	#orange{
		border:solid 2px #F7BE81;
		background:#F6E3CE;
	}
	#orange h1 {
		font-size:12px;
		font-weight:bold;
		margin-bottom:8px;
	}
	#orange p{
		font-size:11px;
		color:#666666;
		margin-bottom:20px;
		border-bottom:solid 1px #F7BE81;
		padding-bottom:10px;
	}
	#orange label{
		display:block;
		font-weight:bold;
		text-align:right;
		width:140px;
		float:left;
	}
	#orange .small{
		color:#666666;
		display:block;
		font-size:11px;
		font-weight:normal;
		text-align:right;
		width:140px;
	}
	#orange input{
		float:left;
		font-size:12px;
		font-family:"Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
		padding:4px 2px;
		border:solid 1px #aacfe4;
		width:200px;
		margin:2px 0 20px 10px;
	}
	#orange button{ 
		clear:both;
		margin-left:150px;
		width:125px;
		height:31px;
		background:#666666 url(button.png) no-repeat;
		text-align:center;
		line-height:31px;
		color:#FFFFFF;
		font-size:11px;
		font-weight:bold;
	}
</style>
</head>

<body>
<br />

<div id="blue" class="myform">
  <form id="form1" name="form1" method="post" action="process.php">
    <h1>This Domain Name Is For Sale</h1>
    <p>Please complete the form below to submit your offer.</p>
    <label>Name
        <span class="small">Who are you</span>
    </label>
    <input type="text" name="from" id="textfield" />

    
    <label>Domain
        <span class="small">Creme de la creme</span>
    </label>
            	<select size="1" name="content" id="textfield" onchange="contentChangeHandler(this.selectedIndex-2)">
                    <option>Select domain for more details</option>
                    <option>-------------------------</option>
                    <option>melbourneproperty.com</option>

                    <option>perthproperty.com</option>
                    <option>adelaideproperty.com</option>
                    <option>canberraproperty.com</option>
                    <option>hobartproperty.com</option>
                    <option>darwinproperty.com</option>
            	</select>

    <label>Email
        <span class="small">Valid preferably</span>
    </label>
    <input type="text" name="email" id="textfield" />

    <label>Offer
        <span class="small">Think prosperously</span>
    </label>
    <input type="text" name="offer" id="textfield" />

    <button  type="submit">Submit Offer</button>
    <div class="spacer"></div>
  </form>
</div>

<br />


<!------------------------------ melbourneproperty.com ------------------------------>


<div id="melbourne" style="display:none;"> 
<div id="green" class="myform">

    <h1>ABOUT MELBOURNE</h1>
    <p>Information regarding Melbourne and its property market as of 2008.</p>
    <label>Population
        <span class="small">The crowded-ness</span>
    </label>
    <input type="text" name="population" id="textfield" value="3,806,092" readonly="readonly" />

    <label>Houses [1]
        <span class="small">Average kerching</span>

    </label>
    <input type="text" name="average" id="textfield" value="$463,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Units
        <span class="small">Average kerching</span>
    </label>
    <input type="text" name="average" id="textfield" value="$335,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Commission
        <span class="small">Average realty profit</span>
    </label>
    <input type="text" name="average" id="textfield" value="$11,575     [Based on 2.5% of 1]" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="orange" class="myform">
    <h1>RELATED SALES</h1>

    <p>A list of related domain sales. Price converted to AUD as of 27/03/09.</p>
    <label>Property.com
        <span class="small">Sold in August 2005</span>
    </label>
    <input type="text" name="Property.com" id="textfield" value="$1,067,890" readonly="readonly" />

    <label>HotProperty.com
        <span class="small">Sold in June 2007</span>
    </label>

    <input type="text" name="HotProperty.com" id="textfield" value="$170,833" readonly="readonly" />

    <label>WaterFrontPro...com
        <span class="small">Sold in May 2006</span>
    </label>
    <input type="text" name="WaterFrontProperty.com" id="textfield" value="$113,878" readonly="readonly" />

    <label>PropertyShop.com
        <span class="small">Sold in February 2007</span>
    </label>

    <input type="text" name="PropertyShop.com" id="textfield" value="$29,627" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="yellow" class="myform">
    <h1>TECHNICAL DETAILS</h1>
    <p>Technical information regarding the domain melbourneproperty.com.</p>
    <label>Domain Valuation
        <span class="small">Population/house prices</span>

    </label>
    <input type="text" name="renewal" id="textfield" value="$88,110" readonly="readonly" />

    <label>Registered Until
        <span class="small">$15.33/year renewal</span>
    </label>
    <input type="text" name="until" id="textfield" value="26/12/2009" readonly="readonly" />

    <label>Registered At
        <span class="small">The one and the only</span>

    </label>
    <input type="text" name="at" id="textfield" value="GoDaddy.com" readonly="readonly" />

    <label>Sale Bonus
        <span class="small">Free goodies bag</span>
    </label>
    <input type="text" name="at" id="textfield" value="5 year domain renewal" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />
</div>


<!------------------------------ perthproperty.com ------------------------------>


<div id="perth" style="display:none;"> 
<div id="green" class="myform">
    <h1>ABOUT PERTH</h1>
    <p>Information regarding Perth and its property market as of 2008.</p>
    <label>Population
        <span class="small">The crowded-ness</span>

    </label>
    <input type="text" name="population" id="textfield" value="1,554,769" readonly="readonly" />

    <label>Houses [1]
        <span class="small">Average kerching</span>
    </label>
    <input type="text" name="average" id="textfield" value="$509,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Units
        <span class="small">Average kerching</span>

    </label>
    <input type="text" name="average" id="textfield" value="$348,000" readonly="readonly" />
    <div class="spacer"></div>
    <label>Commission
        <span class="small">Average realty profit</span>
    </label>
    <input type="text" name="average" id="textfield" value="$12,725     [Based on 2.5% of 1]" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="orange" class="myform">
    <h1>RELATED SALES</h1>
    <p>A list of related domain sales. Price converted to AUD as of 27/03/09.</p>
    <label>Property.com
        <span class="small">Sold in August 2005</span>
    </label>
    <input type="text" name="Property.com" id="textfield" value="$1,067,890" readonly="readonly" />

    <label>HotProperty.com
        <span class="small">Sold in June 2007</span>
    </label>
    <input type="text" name="HotProperty.com" id="textfield" value="$170,833" readonly="readonly" />

    <label>WaterFrontPro...com
        <span class="small">Sold in May 2006</span>
    </label>
    <input type="text" name="WaterFrontProperty.com" id="textfield" value="$113,878" readonly="readonly" />

    <label>PropertyShop.com
        <span class="small">Sold in February 2007</span>
    </label>
    <input type="text" name="PropertyShop.com" id="textfield" value="$29,627" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="yellow" class="myform">
    <h1>TECHNICAL DETAILS</h1>

    <p>Technical information regarding the domain perthproperty.com.</p>
    <label>Domain Valuation
        <span class="small">Population/house prices</span>
    </label>
    <input type="text" name="renewal" id="textfield" value="$39,568" readonly="readonly" />

    <label>Registered Until
        <span class="small">$15.33/year renewal</span>
    </label>

    <input type="text" name="until" id="textfield" value="18/05/2011" readonly="readonly" />

    <label>Registered At
        <span class="small">The one and the only</span>
    </label>
    <input type="text" name="at" id="textfield" value="GoDaddy.com" readonly="readonly" />

    <label>Sale Bonus
        <span class="small">Free goodies bag</span>
    </label>

    <input type="text" name="at" id="textfield" value="5 year domain renewal" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />
</div>


<!------------------------------ adelaideproperty.com ------------------------------>


<div id="adelaide" style="display:none;"> 
<div id="green" class="myform">
    <h1>ABOUT ADELAIDE</h1>

    <p>Information regarding Adelaide and its property market as of 2008.</p>
    <label>Population
        <span class="small">The crowded-ness</span>
    </label>
    <input type="text" name="population" id="textfield" value="1,158,259" readonly="readonly" />

    <label>Houses [1]
        <span class="small">Average kerching</span>
    </label>

    <input type="text" name="average" id="textfield" value="$401,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Units
        <span class="small">Average kerching</span>
    </label>
    <input type="text" name="average" id="textfield" value="$262,000" readonly="readonly" />
    <div class="spacer"></div>
    <label>Commission
        <span class="small">Average realty profit</span>

    </label>
    <input type="text" name="average" id="textfield" value="$10,025     [Based on 2.5% of 1]" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="orange" class="myform">
    <h1>RELATED SALES</h1>
    <p>A list of related domain sales. Price converted to AUD as of 27/03/10.</p>

    <label>Property.com
        <span class="small">Sold in August 2005</span>
    </label>
    <input type="text" name="Property.com" id="textfield" value="$1,067,890" readonly="readonly" />

    <label>HotProperty.com
        <span class="small">Sold in June 2007</span>
    </label>
    <input type="text" name="HotProperty.com" id="textfield" value="$170,833" readonly="readonly" />

    <label>WaterFrontPro...com
        <span class="small">Sold in May 2006</span>
    </label>
    <input type="text" name="WaterFrontProperty.com" id="textfield" value="$113,878" readonly="readonly" />

    <label>PropertyShop.com
        <span class="small">Sold in February 2007</span>
    </label>
    <input type="text" name="PropertyShop.com" id="textfield" value="$29,627" readonly="readonly" />

    <div class="spacer"></div>
</div>

<br />

<div id="yellow" class="myform">
    <h1>TECHNICAL DETAILS</h1>
    <p>Technical information regarding the domain adelaideproperty.com.</p>
    <label>Domain Valuation
        <span class="small">Population/house prices</span>

    </label>
    <input type="text" name="renewal" id="textfield" value="$23,222" readonly="readonly" />

    <label>Registered Until
        <span class="small">$15.33/year renewal</span>
    </label>
    <input type="text" name="until" id="textfield" value="18/05/2009" readonly="readonly" />

    <label>Registered At
        <span class="small">The one and the only</span>

    </label>
    <input type="text" name="at" id="textfield" value="GoDaddy.com" readonly="readonly" />

    <label>Sale Bonus
        <span class="small">Free goodies bag</span>
    </label>
    <input type="text" name="at" id="textfield" value="5 year domain renewal" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />
</div>


<!------------------------------ hobartproperty.com ------------------------------>


<div id="hobart" style="display:none;"> 
<div id="green" class="myform">
    <h1>ABOUT HOBART</h1>
    <p>Information regarding Hobart and its property market as of 2008.</p>
    <label>Population
        <span class="small">The crowded-ness</span>

    </label>
    <input type="text" name="population" id="textfield" value="205,566" readonly="readonly" />

    <label>Houses [1]
        <span class="small">Average kerching</span>
    </label>
    <input type="text" name="average" id="textfield" value="$281,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Units
        <span class="small">Average kerching</span>

    </label>
    <input type="text" name="average" id="textfield" value="$246,000" readonly="readonly" />
    <div class="spacer"></div>
    <label>Commission
        <span class="small">Average realty profit</span>
    </label>
    <input type="text" name="average" id="textfield" value="$7,025      [Based on 2.5% of 1]" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="orange" class="myform">
    <h1>RELATED SALES</h1>
    <p>A list of related domain sales. Price converted to AUD as of 27/03/09.</p>
    <label>Property.com
        <span class="small">Sold in August 2005</span>
    </label>
    <input type="text" name="Property.com" id="textfield" value="$1,067,890" readonly="readonly" />

    <label>HotProperty.com
        <span class="small">Sold in June 2007</span>
    </label>
    <input type="text" name="HotProperty.com" id="textfield" value="$170,833" readonly="readonly" />

    <label>WaterFrontPro...com
        <span class="small">Sold in May 2006</span>
    </label>
    <input type="text" name="WaterFrontProperty.com" id="textfield" value="$113,878" readonly="readonly" />

    <label>PropertyShop.com
        <span class="small">Sold in February 2007</span>
    </label>
    <input type="text" name="PropertyShop.com" id="textfield" value="$29,627" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="yellow" class="myform">
    <h1>TECHNICAL DETAILS</h1>

    <p>Technical information regarding the domain hobartproperty.com.</p>
    <label>Domain Valuation
        <span class="small">Population/house prices</span>
    </label>
    <input type="text" name="renewal" id="textfield" value="$2,888" readonly="readonly" />

    <label>Registered Until
        <span class="small">$15.33/year renewal</span>
    </label>

    <input type="text" name="until" id="textfield" value="31/12/2010" readonly="readonly" />

    <label>Registered At
        <span class="small">The one and the only</span>
    </label>
    <input type="text" name="at" id="textfield" value="GoDaddy.com" readonly="readonly" />

    <label>Sale Bonus
        <span class="small">Free goodies bag</span>
    </label>

    <input type="text" name="at" id="textfield" value="5 year domain renewal" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />
</div>


<!------------------------------ darwinproperty.com ------------------------------>


<div id="darwin" style="display:none;"> 
<div id="green" class="myform">
    <h1>ABOUT DARWIN</h1>

    <p>Information regarding Melbourne and its property market as of 2008.</p>
    <label>Population
        <span class="small">The crowded-ness</span>
    </label>
    <input type="text" name="population" id="textfield" value="120,900" readonly="readonly" />

    <label>Houses [1]
        <span class="small">Average kerching</span>
    </label>

    <input type="text" name="average" id="textfield" value="$444,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Units
        <span class="small">Average kerching</span>
    </label>
    <input type="text" name="average" id="textfield" value="$284,000" readonly="readonly" />
    <div class="spacer"></div>
    <label>Commission
        <span class="small">Average realty profit</span>

    </label>
    <input type="text" name="average" id="textfield" value="$11,100     [Based on 2.5% of 1]" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="orange" class="myform">
    <h1>RELATED SALES</h1>
    <p>A list of related domain sales. Price converted to AUD as of 27/03/09.</p>

    <label>Property.com
        <span class="small">Sold in August 2005</span>
    </label>
    <input type="text" name="Property.com" id="textfield" value="$1,067,890" readonly="readonly" />

    <label>HotProperty.com
        <span class="small">Sold in June 2007</span>
    </label>
    <input type="text" name="HotProperty.com" id="textfield" value="$170,833" readonly="readonly" />

    <label>WaterFrontPro...com
        <span class="small">Sold in May 2006</span>
    </label>
    <input type="text" name="WaterFrontProperty.com" id="textfield" value="$113,878" readonly="readonly" />

    <label>PropertyShop.com
        <span class="small">Sold in February 2007</span>
    </label>
    <input type="text" name="PropertyShop.com" id="textfield" value="$29,627" readonly="readonly" />

    <div class="spacer"></div>
</div>

<br />

<div id="yellow" class="myform">
    <h1>TECHNICAL DETAILS</h1>
    <p>Technical information regarding the domain darwinproperty.com.</p>
    <label>Domain Valuation
        <span class="small">Population/house prices</span>

    </label>
    <input type="text" name="renewal" id="textfield" value="$2,682" readonly="readonly" />

    <label>Registered Until
        <span class="small">$15.33/year renewal</span>
    </label>
    <input type="text" name="until" id="textfield" value="16/01/2010" readonly="readonly" />

    <label>Registered At
        <span class="small">The one and the only</span>

    </label>
    <input type="text" name="at" id="textfield" value="GoDaddy.com" readonly="readonly" />

    <label>Sale Bonus
        <span class="small">Free goodies bag</span>
    </label>
    <input type="text" name="at" id="textfield" value="5 year domain renewal" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />
</div>


<!------------------------------ canberraproperty.com ------------------------------>


<div id="canberra" style="display:none;"> 
<div id="green" class="myform">
    <h1>ABOUT CANBERRA</h1>
    <p>Information regarding Canberra and its property market as of 2008.</p>
    <label>Population
        <span class="small">The crowded-ness</span>

    </label>
    <input type="text" name="population" id="textfield" value="340,800" readonly="readonly" />

    <label>Houses [1]
        <span class="small">Average kerching</span>
    </label>
    <input type="text" name="average" id="textfield" value="$507,000" readonly="readonly" />
    <div class="spacer"></div>

    <label>Units
        <span class="small">Average kerching</span>

    </label>
    <input type="text" name="average" id="textfield" value="$347,000" readonly="readonly" />
    <div class="spacer"></div>
    <label>Commission
        <span class="small">Average realty profit</span>
    </label>
    <input type="text" name="average" id="textfield" value="$12,675     [Based on 2.5% of 1]" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="orange" class="myform">
    <h1>RELATED SALES</h1>
    <p>A list of related domain sales. Price converted to AUD as of 27/03/09.</p>
    <label>Property.com
        <span class="small">Sold in August 2005</span>
    </label>
    <input type="text" name="Property.com" id="textfield" value="$1,067,890" readonly="readonly" />

    <label>HotProperty.com
        <span class="small">Sold in June 2007</span>
    </label>
    <input type="text" name="HotProperty.com" id="textfield" value="$170,833" readonly="readonly" />

    <label>WaterFrontPro...com
        <span class="small">Sold in May 2006</span>
    </label>
    <input type="text" name="WaterFrontProperty.com" id="textfield" value="$113,878" readonly="readonly" />

    <label>PropertyShop.com
        <span class="small">Sold in February 2007</span>
    </label>
    <input type="text" name="PropertyShop.com" id="textfield" value="$29,627" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />

<div id="yellow" class="myform">
    <h1>TECHNICAL DETAILS</h1>

    <p>Technical information regarding the domain canberraproperty.com.</p>
    <label>Domain Valuation
        <span class="small">Population/house prices</span>
    </label>
    <input type="text" name="renewal" id="textfield" value="$8,638" readonly="readonly" />


    <label>Registered Until
        <span class="small">$15.33/year renewal</span>

    </label>
    <input type="text" name="until" id="textfield" value="01/04/2010" readonly="readonly" />

    <label>Registered At
        <span class="small">The one and the only</span>
    </label>
    <input type="text" name="at" id="textfield" value="GoDaddy.com" readonly="readonly" />

    <label>Sale Bonus
        <span class="small">Free goodies bag</span>

    </label>
    <input type="text" name="at" id="textfield" value="5 year domain renewal" readonly="readonly" />
    <div class="spacer"></div>
</div>

<br />
</div>

</body>
</html>

steveau · Mar 27, 2009

Thanks heaps everyone, much appreciated, all is good now.

I tried really hard to plug the previous codes in, but something small was making it not work.

Thanks again

[Resolved] Quick Javascript help needed

Established Member

Established Member

Established Member

Established Member

Established Member

TravellerVIP Member

Established Member

Established Member

TravellerVIP Member

Established Member

Prickling.com

EcoGlass.net

eTHBPay.com

DBVH.ORG

aka.lat

ChristianCDs.com

vipticketclub.com

VizzUP.com

bowlai.com

aiagreements.com

Similar threads

We're social

Prickling.com

EcoGlass.net

eTHBPay.com

DBVH.ORG

aka.lat

ChristianCDs.com

vipticketclub.com

VizzUP.com

bowlai.com

aiagreements.com

Pinned

Appreciation

Agreement

Answers

Relevance

Reaction

Status

Feeling