ID von editierbarer Tabelle bekommen
Timo
- javascript
Hallo,
ich habe ein Problem mit dem Befehl createRange(). In dem folgenden Skript wird eine Tabellenzeile über contentEditable = "true"; zur Texteingabe freigegeben. Nun möchte ich es erreichen, dass über die beiden Funktionen die ID der Tabelle ausgegeben wird, in der sich der Cursor gerade befindet. Das ganze funktioniert auch - nur leider nicht ohne Probleme. Wenn man mit dem Cursor in die Tabelle geht und dann auf den Button klickt wir korrekt über ein Alert doc ausgegeben. Wenn mann jedoch in der Tabelle Enter drückt und so einen neuen Absatz einfügt wird doc nicht mehr ausgegeben, sondern nur noch eine leere Alert-Box. Woran liegt das? Wie kann ich es erreichen, dass auch nach einem Enter noch die Id ausgegeben wird?
Für Hilfe wäre ich sehr dankbar!
MfG
Timo
Skript:
---------
<html>
<head>
<title>Eingabetest</title>
</head>
<body>
<script language="JavaScript">
function test()
{
test2(window.doc.document.selection);
}
function test2(curSelection)
{
window.doc.focus();
var curRange = curSelection.createRange();
var curTag = curRange;
curTag = curRange.parentElement();
alert(curTag['id']);
return curTag;
}
</script>
<table id="edit" width="700" border="2" bordercolor="black" cellspacing="0"
cellpadding="0" align="center">
<tr>
<td class="textedit" valign="top" height="100">
<div class="document" id="doc" height="100%" width="100%">
</div>
</td>
</tr>
</table>
<form>
<input type="button" value="Abschicken" onclick="test()">
</form>
<script language="JavaScript">
doc.contentEditable = "true";
</script>
</body>
</html>