Archief - PHP/JS: Javascript code werkt niet in IE :s.

Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
y

yannick

Legacy Member
Ik heb dus een minuscuul stukske code geschreven om er voor te zorgen dat bij het aanklikken van een bepaalde checkbox er een inputveld naast komt (dus van type="hidden" wordt type="text").

Allemaal heel tof, werkt perfect in firefox. Maar in IE slaagt het totaal mis (alles btw op de site, IE sucked wel :s).

Code: 
<script language="javascript" type="text/javascript"> 

function test(frm){ 
	if (!frm.Andere.checked) { 
		frm.Anderebox.type="hidden"; 
	} 
	else{ 
		frm.Anderebox.type="text";
	}
} 

</script>

Tis is het input veld:
Code: 
<input type="checkbox" name="Andere" onclick="test(this.form)" value="ja"/>

Hoe kan ik ervoor zorgen dat mensen die Internet explorer nog gebruiken (Shame on them :p) dit ook kunnen gebruiken?

mvg
Yannick Welens
R

RpR

Legacy Member
denk dat je in ie niet van hidden naar text kunt geraken en dat je zal moeten werken met het style element en zo verbergen en terug tonen.
y

yannick

Legacy Member
heb het me ne span gdn en innerHTML. Het werkt nu in IE, maar niet meer in firefox :@
S

Smoerf

Legacy Member
Nodes in je Dom tree aanmaken doe je nog altijd met createElement. Dan appenChild aan je parent element.

voor jou probleem is het natuurlijk beter om gewoon even de style te switchen :)

Hier vind je een werkend voorbeeld:
http://joggink.be/wupload/_tn/yannick/

css:
Code: 
<style type="text/css">

input.hide{
	display:none;
}

</style>

javascript
Code: 
<script type="text/javascript">

function showInput(){

   var ac = document.getElementById('andere');
   var ai = document.getElementById('anderebox');
	
	if (ac.checked){
	   ai.className = '';
	}else{
		ai.className = 'hide';
	}

}

</script>
y

yannick

Legacy Member
Smoerf zei:
Nodes in je Dom tree aanmaken doe je nog altijd met createElement. Dan appenChild aan je parent element.

voor jou probleem is het natuurlijk beter om gewoon even de style te switchen :)

Hier vind je een werkend voorbeeld:
http://joggink.be/wupload/_tn/yannick/

css:
Code: 
<style type="text/css">

input.hide{
	display:none;
}

</style>

javascript
Code: 
<script type="text/javascript">

function showInput(){

   var ac = document.getElementById('andere');
   var ai = document.getElementById('anderebox');
	
	if (ac.checked){
	   ai.className = '';
	}else{
		ai.className = 'hide';
	}

}

</script>
Klik om te vergroten...

Macheert ni in IE :). Toch ni op mijn IE (de 6 dus).

Kheb het ander opgelost
Code: 
function test(frm){ 
	if (document.compatMode && document.all)
	{
		if (!frm.Andere.checked) { 
			document.getElementById("anderebox").innerHTML="<input id='testje' type='hidden' name='Anderebox' size='15' align='absmiddle' />"; 
		} 
		else{ 
			document.getElementById("anderebox").innerHTML="<input id='testje' type='text' name='Anderebox' size='15' align='absmiddle' />"; 
		}
	}
	if (Array.every){
		if (!frm.Andere.checked) { 
			frm.Anderebox.type="hidden"; 
		} 
		else{ 
			frm.Anderebox.type="text"; 
		}
	}
}

Door te kijken of deze methodes en objects true zijn weet ik welke browser de gebruiker hanteerd. Hierdoor kan ik dus op inspelen door 2 versier te maken (eventueel 3 of 4 als ik der zin in heb, voor opera en/of ie7 :p)

Mvg
Het archief is een bevroren moment uit een vorige versie van dit forum, met andere regels en andere bazen. Deze posts weerspiegelen op geen enkele manier onze huidige ideeën, waarden of wereldbeelden en zijn op sommige plaatsen gecensureerd wegens ontoelaatbaar. Veel zijn in een andere tijdsgeest gemaakt, al dan niet ironisch - zoals in het ironische subforum Off-Topic - en zouden op dit moment niet meer gepost (mogen) worden. Toch bieden we dit archief nog graag aan als informatiedatabank en naslagwerk. Lees er hier meer over of start een gesprek met anderen.
Terug
Bovenaan