HELP! more javascript problems!

the100thballoon · Apr 26, 2005

Why wont this work?

Code:

	function uncheckhide() {
		if (civilizationIcheck.checked=false) {
			XcivilizationIcheck1.checked=false
			XcivilizationIcheck2.checked=false
			XcivilizationIcheck3.checked=false
		}

		if (civilizationIIcheck.checked=false) {
			XcivilizationIIcheck1.checked=false
			XcivilizationIIcheck2.checked=false
			XcivilizationIIcheck3.checked=false
		}

		if (civilizationIIIcheck.checked=false) {
			XcivilizationIIIcheck1.checked=false
			XcivilizationIIIcheck2.checked=false
			XcivilizationIIIcheck3.checked=false
		}
	}

Here is the full code of the entire page:

Code:

<html>

<head>
<title>Please Submit Your Information</title>

<style type="text/css">

	#last {position: relative; left: 60px}

	#comptype {position: relative; left: 60px}

	#civilizationII {position: absolute; left: 150px}

	#civilizationIII {position: absolute; left: 400px}

	#civilizationX {position: absolute; top: 230px; left: 10px; display: none}

	#civilizationIIX {position: absolute; left: 150px; top: 230px; display: none}

	#civilizationIIIX {position: absolute; left: 400px; top: 230px; display: none}

	#country {position: absolute; top: 150px; left: 385px}

	#submit {position: absolute; top: 190px; left: 580px}

</style>

<script language="javascript">

	function checkbox(id) {
		el = document.getElementById(id);
		value = ((el.style.display == 'none') || (el.style.display == '') ) ? 'block' : 'none';
		el.style.display = value;
	}

	function submit() {
		window.alert('Thank you! Your information has been submitted. It will remain confidential and be used only for polling purposes.')

		firstform.value=""
		lastform.value=""
		ageform.value=""

		civilizationIcheck.checked=false           //uncheck the civilization I checkbox and its expansion boxes
			XcivilizationIcheck1.checked=false
			XcivilizationIcheck2.checked=false
			XcivilizationIcheck3.checked=false

		civilizationIIcheck.checked=false           //uncheck the civilization II checkbox and its expansion boxes
			XcivilizationIIcheck1.checked=false
			XcivilizationIIcheck2.checked=false
			XcivilizationIIcheck3.checked=false

		civilizationIIIcheck.checked=false           //uncheck the civilization III checkbox and its expansion boxes
			XcivilizationIIIcheck1.checked=false
			XcivilizationIIIcheck2.checked=false
			XcivilizationIIIcheck3.checked=false

		pcradio.checked=true           //uncheck the Mac option and put back to default choice (PC)
		macradio.checked=false

		//countrymenu.options.albania.selected=true    //in comment because not working yet

		window.location="form.htm"           //need to remove this when figure out how to do the pull-down
	}

	function uncheckhide() {
		if (civilizationIcheck.checked=false) {
			XcivilizationIcheck1.checked=false
			XcivilizationIcheck2.checked=false
			XcivilizationIcheck3.checked=false
		}

		if (civilizationIIcheck.checked=false) {
			XcivilizationIIcheck1.checked=false
			XcivilizationIIcheck2.checked=false
			XcivilizationIIcheck3.checked=false
		}

		if (civilizationIIIcheck.checked=false) {
			XcivilizationIIIcheck1.checked=false
			XcivilizationIIIcheck2.checked=false
			XcivilizationIIIcheck3.checked=false
		}
	}

</script>

</head>

<body onLoad="uncheckhide()">

<h1 align="center">SUBMIT INFO</H1>

<br>

Please fill out the following so that I am better able to serve you.

<br>
<br>

<span id="first">First: &nbsp<input id="firstform" style="text"></span>     <span id="last">Last: &nbsp<input style="text" id="lastform"></span>

<br>
<br>

<span id="age">Age: &nbsp<input style="text" id="ageform"></span>     <span id="comptype">PC<input id="pcradio" type="radio" name="comptype" value="pc" CHECKED> &nbsp &nbsp Mac<input name="comptype" value="mac" id="macradio" type="radio"></span>

<br>
<br>

Do you own any of the following: &nbsp&nbsp(Please check all that apply. Click a title to display expansions.)

<br>

<span id="civilization">Civilization I <input type="checkbox" onClick="checkbox('civilizationX')" id="civilizationIcheck"></span> &nbsp <span id="civilizationII">Civilization II <input id="civilizationIIcheck" type="checkbox" onClick="checkbox('civilizationIIX')"></span> &nbsp <span id="civilizationIII">Civilization III <input id="civilizationIIIcheck" type="checkbox" onClick="checkbox('civilizationIIIX')"></span>    <span id="submit"><input value="Submit Information" type="submit" OnClick="submit()"></span>

<span id="civilizationIIX">
<br>
Civilization II:&nbsp&nbspFantastic Worlds<input type="checkbox" id="XcivilizationIIcheck1">
<br>
Civilization II:&nbsp&nbspMGE<input type="checkbox" id="XcivilizationIIcheck2">
<br>
Civilization II:&nbsp&nbspTest of Time<input type="checkbox" id="XcivilizationIIcheck3">
</span>

<span id="civilizationIIIX">
<br>
Civilization III:&nbsp&nbspPlay the World<input type="checkbox" id="XcivilizationIIIcheck1">
<br>
Civilization III:&nbsp&nbspConquests<input type="checkbox" id="XcivilizationIIIcheck2">
<br>
Civilization III:&nbsp&nbspGold<input type="checkbox" id="XcivilizationIIIcheck3">
</span>

<br>
<br>

<span id="civilizationX">
<br>
Civ Dos<input type="checkbox" id="XcivilizationIcheck1">
<br>
Civ Win<input type="checkbox" id="XcivilizationIcheck2">
<br>
CivNet<input type="checkbox" id="XcivilizationIcheck3">
</span>

<span id="country">
Current Residence (<em>Country</em>):&nbsp&nbsp&nbsp<select id="countrymenu">

<option value=0>--------------------

<option value=301 id="albania"> Albania

<option value=401> Algeria

<option value=232> American Samoa

<option value=302> Andorra

<option value=402> Angola

<option value=608> Anguilla

<option value=615> Antarctica

<option value=233> Antigua and Barbuda

<option value=203> Argentina

<option value=303> Armenia

<option value=609> Aruba

<option value=501> Australia

<option value=304> Austria

<option value=204> Bahamas

<option value=611> Bahrain

<option value=610> Bangladesh

<option value=227> Barbados

<option value=602> Belarus

<option value=305> Belgium

<option value=606> Belize

<option value=205> Bermuda

<option value=206> Bolivia

<option value=306> Bosnia And Herzegowina

<option value=423> Botswana

<option value=207> Brazil

<option value=140> British Indian Ocean Territory

<option value=307> Bulgaria

<option value=434> Burkina Faso

<option value=624> Burudpi

<option value=424> Burundi

<option value=101> Cambodia

<option value=403> Cameroon

<option value=202> Canada

<option value=350> Canary Islands

<option value=234> Cape Verde

<option value=235> Cayman Islands

<option value=604> Central Africal Republic

<option value=435> Ceuta

<option value=436> Chad

<option value=351> Channel Islands (UK)

<option value=208> Chile

<option value=102> China

<option value=209> Colombia

<option value=509> Cook Islands

<option value=405> Congo

<option value=141> Comoros

<option value=210> Costa Rica

<option value=626> Cote Divoire

<option value=308> Croatia

<option value=236> Cuba

<option value=309> Cyprus

<option value=310> Czech Republic

<option value=311> Denmark

<option value=437> Djibouti

<option value=237> Dominican

<option value=211> Dominican Republic

<option value=212> Ecuador

<option value=406> Egypt

<option value=238> El Salvador

<option value=438> Equatorial Guinea

<option value=439> Eritrea

<option value=346> Estonia

<option value=426> Ethiopia

<option value=239> Falkland Islands

<option value=502> Fiji

<option value=312> Finland

<option value=313> France

<option value=240> French Guiana

<option value=314> French Polynesia

<option value=348> Faroe Islands

<option value=428> Gabon

<option value=407> Gambia

<option value=316> Georgia

<option value=317> Germany

<option value=408> Ghana

<option value=318> Gibraltar

<option value=319> Greece

<option value=320> Greenland

<option value=213> Grenada

<option value=625> Guadeloupe

<option value=503> Guam

<option value=214> Guatemala

<option value=409> Guinea

<option value=440> Guinea-Bissau

<option value=215> Guyana

<option value=216> Haiti

<option value=217> Honduras

<option value=103> Hongkong

<option value=321> Hungary

<option value=322> Iceland

<option value=104> India

<option value=105> Indonesia

<option value=106> Iran

<option value=107> Iraq

<option value=323> Ireland

<option value=108> Israel

<option value=324> Italy

<option value=218> Jamaica

<option value=109> Japan

<option value=110> Jordan

<option value=410> Kenya

<option value=112> Korea

<option value=129> Kuwait

<option value=142> Kyrgyzstan

<option value=607> Lao

<option value=325> Latvia

<option value=113> Lebanon

<option value=441> Lesotho

<option value=411> Liberia

<option value=326> Lithuania

<option value=442> Libya

<option value=352> Liechtenstein

<option value=327> Luxembourg

<option value=603> Macau

<option value=328> Macedonia

<option value=427> Madagascar

<option value=114> Malaysia

<option value=504> Malta

<option value=443> Malawi

<option value=444> Mali

<option value=219> Marshall Islands

<option value=241> Martinique

<option value=128> Mauritius

<option value=220> Mexico

<option value=143> Micronesia

<option value=353> Moldova

<option value=329> Monaco

<option value=115> Mongolia

<option value=242> Montserrat

<option value=412> Morocco

<option value=429> Mozambique

<option value=413> Namibia

<option value=144> Nauru

<option value=116> Nepal

<option value=330> Netherlands

<option value=347> Netherlands Antilles

<option value=145> New Caledonia

<option value=505> New Zealand

<option value=221> Nicaragua

<option value=414> Niger

<option value=415> Nigeria

<option value=616> Norfolk Island

<option value=111> North Korea

<option value=146> Northern Mariana Islands

<option value=331> Norway

<option value=147> Oceania

<option value=000> Others

<option value=117> Pakistan

<option value=148> Palau

<option value=222> Panama

<option value=506> Papua New Guinea

<option value=223> Paragua

<option value=224> Peru

<option value=118> Philippines

<option value=332> Poland

<option value=333> Portugal

<option value=225> Puerto Rico

<option value=618> Qatar

<option value=334> Romania

<option value=335> Russian Federation

<option value=149> Reunion

<option value=416> Rwanda

<option value=621> Saint Lucia

<option value=119> Saudi Arabia

<option value=150> Samoa

<option value=445> Sao Tome and Principe

<option value=425> Senegal

<option value=354> Serbia

<option value=601> Seychelles

<option value=446> Sierra Leone

<option value=120> Singapore

<option value=336> Slovakia (Slovak Republic)

<option value=620> Slovenia

<option value=507> Solomon Islands

<option value=447> Somalia

<option value=417> South Africa

<option value=337> Spain

<option value=121> Sri Lanka

<option value=448> St. Helena

<option value=243> St. Lucia

<option value=244> St. Vincent and the Grenadines

<option value=418> Sudan

<option value=228> Surinam

<option value=355> Svalbard

<option value=338> Sweden

<option value=449> Swaziland

<option value=339> Switzerland

<option value=122> Syrian Arab Republic

<option value=123> Taiwan

<option value=151> Tajikistan

<option value=419> Tanzania

<option value=124> Thailand

<option value=450> Togo

<option value=508> Tonga

<option value=612> Trinidad And Tobago

<option value=125> Turkey

<option value=152> Tuvalu

<option value=420> Uganda

<option value=340> Ukraine

<option value=126> United Arab Emirates

<option value=341> United Kingdom

<option value=201 selected> United States

<option value=226> Uruguay

<option value=613> Uzbekistan

<option value=153> Vanuatu

<option value=356> Vatican City State

<option value=342> Venezuela

<option value=127> Viet Nam

<option value=343> Virgin Islands (British)

<option value=344> Virgin Islands (U.S.)

<option value=345> Yugoslavia

<option value=614> Zaire

<option value=421> Zambia

<option value=422> Zimbabwe

</select>
</span>

</body>

</html>

Grisu · Apr 27, 2005

hmm, strange, it works under IE, but not under Opera/Firefox. I didn't really find anything, but I'm not really a JavaScript-Crack anyway...

on another note: i would append a semicolon to everyone of your &nbsp . Most Browsers nowadays don't mind but it's not correct HTML-Code and might make problems...

the100thballoon · Apr 27, 2005

OK, I will do the semicolon thing. The function didnt work in my browser and I have IE 6.0+ (dont remember).

HELP! more javascript problems!

the100thballoon

Emperor

Grisu

Draghetto

the100thballoon

Emperor

Similar threads