nicht angemeldet
Hi,
was will ich bauen?
ich möchte eine Wertehilfe für eine Texteingabe basteln. Da das Formular aus einer Menge an Eingabefeldern besteht, soll die Eingabehilfe dynamisch hinzugefügt werden (zudem auf andere Z-Ebene um Layout nicht zu verändern). Durch Klicken mit der Maus auf einen Eintrag in der Wertehilfe (optimal wäre auch noch per Key später) soll der Text im Eingabefeld modifiziert werden.
was mir den Kopf zerbricht?
1.) ich bin nicht in der Lage ein dynamisch erzeugtes SPAN Tag mit Text zu füllen. Das geht mit Inpputfeldern, Button,... nur nicht mit Div und Span
2.) das Span Tag reagiert nicht auf onmousedown events. Auch onclick Events funktionierten nicht bei Buttons.
gekürzter Beispielcode:
<html>
<head><title>ValueHelp-Test</title>
<script type="text/javascript">
var mPreviousHelp = null;
function addKeyHelpPanel(fieldId, keyHelpId)
{
removePreviousKeyHelpPanel();
var field = document.getElementById(fieldId);
var box = document.getElementById(fieldId + '.box');
var spanTag = document.createElement('SPAN');
spanTag.id = fieldId + ".keyHelp";
var keyTag = document.createElement('SPAN');
keyTag.value = "test";
keyTag.className = "keyhelpBox";
keyTag.onmousedown="alert('klick')";
spanTag.appendChild(keyTag);
mPreviousHelp = spanTag;
box.appendChild(spanTag);
}
function removePreviousKeyHelpPanel()
{
if(mPreviousHelp == null)
return;
var parentBox = mPreviousHelp.parentNode;
parentBox.removeChild(mPreviousHelp);
}
</script>
</head>
<body>
<span id="sp0.box"><input type="text" id="sp0" name="sp0" onfocus="addKeyHelpPanel('sp0', 0);""/></span>
<span id="sp1.box"><input type="text" id="sp1" name="sp1" onfocus="addKeyHelpPanel('sp1', 0);""/></span>
</body>
</html>
-------------------------------
Hoffe, es kann mir jemand weiterhelfen, da ich eigentlich schon so einiges ergoogelt und probiert hab.
Vielen Dank vorab,
Micha