Div per Buttonclick mit hilfe von Javascript positionieren

[Andi1982]

Hallo,

wier wollen wenn wir einen Button klicken rechts neben dem Button ein Div aufpoppen lassen. Leider funktioniert dies nicht so wie es soll. Das Div wird zwar sichtbar aber es bleibt an der Position an der wir es auch definiert haben.

Hier unser Code:

  
	<div id="klammdaten">  
		<table align="center" border="0" cellpadding="0" cellspacing="0">  
		<tr>  
			<td>Klamm-ID:</td>  
			<td><input type="text" size="10" name="klammid" /></td>  
		</tr>  
		<tr>  
			<td>Lose-Passwort:&nbsp;</td>  
			<td><input type="text" size="10" name="losepw" /></td>  
		</tr>  
		<tr>  
			<td>&nbsp;</td>  
			<td align="center"><input type="submit" name="betting" value="abschicken" /></td>  
		</tr>  
		</table>  
	</div>  
.  
.  
.  
<input type="button" value="setzen" onclick="position_popup(this.offsetTop, this.offsetLeft, this.offsetWidth)" />  

hier das css:

  
div#klammdaten {  
	position: absolute;  
	top: 0px;  
	left: 0px;  
	border: 1px solid black;  
	width: 220px;  
	background-color: #f4a357;  
	padding: 5px;  
	visibility: hidden;  
	display: none;  
}  

und das Javascript:

  
function position_popup(btntop, btnleft, btnwidth) {  
	var popup1 = document.getElementById('klammdaten');  
	  
	popup1.visibility = 'visible';  
	popup1.style.display = 'block';  
	  
	popup1.style.top = btntop;  
	popup1.style.left = btnleft + btnwidth;  
	  
}  

Dass es so wahrscheinlich nicht neben dem Button auftaucht kann sein, aber zumindest sollte es sich woander hin bewegen. Getestet haben wir im Firefox, und da gehts leider nicht :(

Hat jemand eine Idee was wir falsch machen?

Viele Grüße
Andi

[LX]

node.style.left erwartet eine Angabe wie "227px", nicht 227.

Gruß, LX

[Andi1982]

node.style.left erwartet eine Angabe wie "227px", nicht 227.

Gruß, LX

Super, daran lag es! Stundenlanges probieren und so eine simple antwort...