Torsten: Firefox Eventhandler bei deaktivierten Select-Listen

Beitrag lesen

SELF-Forum

Firefox Eventhandler bei deaktivierten Select-Listen

Torsten
– Informationen zu den Bewertungsregeln

Hallo,

Zeig uns am besten mal deinen Code, momentan habe ich nur ein ungenaues Bild im Kopf davon, was du genau tust.

Ich werde es mal genauso reinkopieren, dass du es einfach nur kopieren brauchst und alles funktioniert direkt. Ich habe mal alles andere rausgeschmissen. Ein Teil des CSS ist auskommentiert. Wenn du die Kommentartags entfernst, siehst du, wie es bei normalen PC Betrieb arbeiten wird.

<!DOCTYPE html>  
<html dir='ltr' lang='de'>  
	<meta charset='utf-8'>

<style>  
*{border:none;list-style-type:none;margin:0px;padding:0px;text-decoration:none}  
	ul.drop {  
		display:block;  
		background:#F40;  
		max-width:200px;  
		min-width:300px;  
		margin:10px 20px;  
}  
ul.drop li select {width:100%;}  
  
ul:after{clear: both;content: " ";display: block;font-size: 0;height: 0;visibility: hidden;}  
  
.drop li {  
	float:left;  
	display:block;  
	width:100%;  
}  
  
.drop li:first-child {  
	display:inline-block;  
	position:relative;  
	z-index:2;  
}  
  
  
/* ul.drop li:active ul,ul.drop li > ul:hover, */ ul.drop ul.test {  
	position:absolute;  
	display:block;  
	width:100%;  
	min-width:200px;  
	max-width:300px;  
  
}  
  
ul.drop li ul {  
	background:#FDFDFD;  
	border:1px solid #000;  
	display:none;  
	margin-top:-22px;  
	position:absolute;  
	z-index:1;  
}  
ul.drop li ul li {  
font-size:85%;  
	display:block;  
	float:none;  
	white-space:nowrap;  
}  
ul.drop input {  
	margin:0px 5px;  
}  
ul.drop label {width:100%; cursor:pointer; display:block; padding:4px 0px;}  
ul.drop label:hover { background:#F90; }  
  
select[disabled] { background-color:#FFF;color:#000;}  
  
</style>

<div>  
<ul class='drop'>  
<li><select name='box'><option>Beliebig</option></select>  
<ul class='h'>  
<li><label><input type='checkbox' name='F[0]'>Selectbox</label></li>  
<li><label><input type='checkbox' name='F[1]'>Selectbox</label></li>  
<li><label><input type='checkbox' name='F[2]'>Selectbox</label></li>  
<li><label><input type='checkbox' name='F[3]'>Selectbox</label></li>  
<li><label><input type='checkbox' name='F[4]'>Selectbox</label></li>  
<li><label><input type='checkbox' name='F[5]'>Selectbox</label></li>  
</ul>  
</li>  
</ul>  
</div>

<script type='text/javascript'>  
function test()  
{  
    this.getElementsByClassName('h')[0].setAttribute("class",'test');  
}  
function disbale(e)  
{  
    e.preventDefault();  
    this.setAttribute('disabled',true);  
}  
  
obj = document.getElementsByClassName('drop');  
  
	for(i=0;i<obj.length;i++)  
	{  
		obj[i].getElementsByTagName('select')[0].onclick=disbale;  
		obj[i].onclick = test;  
	}  
</script>

</html>

mfg,
Torsten

Beitrag melden
–
Informationen zu den Bewertungsregeln