NameSilo

[Resolved] Quick Javascript help needed

Namecheap AuctionsNamecheap Auctions
SpaceshipSpaceship
Spacemail by SpaceshipSpacemail by Spaceship
Watch

steveau

Established Member
Impact
0
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!
 
0
Close
The views expressed on this page by users and staff are their own, not those of NamePros.
GoDaddyGoDaddy
<option onclick="toggle_invisibility('1');toggle_invisibility('2');toggle_visibility('1');">Option 1</option>

Looks like you're missing a quote. :)
 
Last edited:
0
Close
Sorry, just a typo. Any idea of why it wouldn't work in IE... but why it works flawlessly in Firefox?
 
0
Close
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>
 
Last edited:
0
Close
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>
 
0
Close
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>
 
Last edited:
0
Close
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. :)
 
0
Close
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.
 
0
Close
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>
 
0
Close
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 :)
 
0
Close
Appraise.net

We're social

Escrow.com
Spaceship
Domain Recover
CryptoExchange.com

NamePros updates

Switch between accounts
You can now stay logged in to more than one NamePros account in the same browser. Click your avatar, then "Accounts in this browser", to...
AIVikings
Catchy
  • The sidebar remains visible by scrolling at a speed relative to the page’s height.
Back